Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
@syncfusion/ej2-base
Advanced tools
@syncfusion/ej2-base - npm Package Compare versions
+261
| { | ||
| "env": { | ||
| "browser": true, | ||
| "es2021": true | ||
| }, | ||
| "extends": [ | ||
| "eslint:recommended", | ||
| "plugin:@typescript-eslint/recommended", | ||
| "plugin:jsdoc/recommended", | ||
| "plugin:security/recommended" | ||
| ], | ||
| "parser": "@typescript-eslint/parser", | ||
| "parserOptions": { | ||
| "ecmaFeatures": { "js": true }, | ||
| "ecmaVersion": 2018, | ||
| "project": "./tsconfig.json", | ||
| "sourceType": "module" | ||
| }, | ||
| "ignorePatterns": ["*.d.ts", "*.js"], | ||
| "plugins": [ | ||
| "@typescript-eslint", | ||
| "@typescript-eslint/tslint", | ||
| "eslint-plugin-security", | ||
| "jsdoc" | ||
| ], | ||
| "rules": { | ||
| "use-isnan": "error", | ||
| "security/detect-unsafe-regex":"error", | ||
| "security/detect-buffer-noassert":"error", | ||
| "security/detect-child-process":"error", | ||
| "security/detect-disable-mustache-escape":"error", | ||
| "security/detect-eval-with-expression":"error", | ||
| "security/detect-no-csrf-before-method-override":"error", | ||
| "security/detect-non-literal-fs-filename":"error", | ||
| "security/detect-non-literal-regexp":"error", | ||
| "security/detect-non-literal-require":"error", | ||
| "security/detect-object-injection":"error", | ||
| "security/detect-possible-timing-attacks":"error", | ||
| "security/detect-pseudoRandomBytes":"error", | ||
| "security/detect-new-buffer":"error", | ||
| "security/detect-bidi-characters":"error", | ||
| "@typescript-eslint/no-inferrable-types": "off", | ||
| "@typescript-eslint/ban-types": ["warn", { | ||
| "types": { | ||
| "Object": false, | ||
| "object": false, | ||
| "{}": false, | ||
| "Function": false | ||
| } | ||
| }], | ||
| "jsdoc/check-tag-names": 0, | ||
| "@typescript-eslint/tslint/config": [ | ||
| "error", | ||
| { | ||
| "rules": { | ||
| "ban": true, | ||
| "chai-vague-errors": true, | ||
| "max-func-body-length": [ | ||
| true, | ||
| 120, | ||
| { | ||
| "ignore-parameters-to-function-regex": "describe" | ||
| } | ||
| ], | ||
| "missing-jsdoc": true, | ||
| "no-backbone-get-set-outside-model": false, | ||
| "no-cookies": false, | ||
| "no-delete-expression": false, | ||
| "no-disable-auto-sanitization": true, | ||
| "no-duplicate-case": true, | ||
| "no-duplicate-parameter-names": true, | ||
| "no-empty-interfaces": false, | ||
| "no-exec-script": true, | ||
| "no-function-expression": false, | ||
| "no-multiple-var-decl": false, | ||
| "no-string-based-set-immediate": false, | ||
| "no-string-based-set-interval": false, | ||
| "no-unnecessary-bind": false, | ||
| "no-unused-imports": true, | ||
| "no-with-statement": false, | ||
| "prefer-array-literal": false, | ||
| "typedef": [ | ||
| true, | ||
| "call-signature", | ||
| "parameter", | ||
| "property-declaration", | ||
| "variable-declaration", | ||
| "arrow-parameter", | ||
| "member-variable-declaration" | ||
| ], | ||
| "use-named-parameter": false, | ||
| "valid-typeof": true, | ||
| "whitespace": [ | ||
| true, | ||
| "check-branch", | ||
| "check-decl", | ||
| "check-operator", | ||
| "check-separator", | ||
| "check-type" | ||
| ] | ||
| } | ||
| } | ||
| ], | ||
| "no-control-regex": "error", | ||
| "no-constant-condition": "error", | ||
| "no-invalid-regexp": "error", | ||
| "curly": "error", | ||
| "eol-last": [ | ||
| "error", | ||
| "always" | ||
| ], | ||
| "guard-for-in": "error", | ||
| "no-labels": "error", | ||
| "max-len": [ | ||
| "error", | ||
| { | ||
| "code": 140, | ||
| "tabWidth": 4, | ||
| "ignoreComments": true, | ||
| "ignoreStrings": true, | ||
| "ignoreTemplateLiterals": true, | ||
| "ignoreRegExpLiterals": true | ||
| } | ||
| ], | ||
| "no-console": [ | ||
| "error", | ||
| { | ||
| "allow": [ | ||
| "warn", | ||
| "dir", | ||
| "timeLog", | ||
| "assert", | ||
| "clear", | ||
| "count", | ||
| "countReset", | ||
| "group", | ||
| "groupEnd", | ||
| "table", | ||
| "dirxml", | ||
| "error", | ||
| "groupCollapsed", | ||
| "Console", | ||
| "profile", | ||
| "profileEnd", | ||
| "timeStamp", | ||
| "context" | ||
| ] | ||
| } | ||
| ], | ||
| "no-redeclare": [ | ||
| "error", | ||
| { | ||
| "builtinGlobals": true | ||
| } | ||
| ], | ||
| "@typescript-eslint/no-parameter-properties": "error", | ||
| "@typescript-eslint/indent": [ | ||
| "error", | ||
| 4, | ||
| { | ||
| "CallExpression": { | ||
| "arguments": "first" | ||
| }, | ||
| "FunctionDeclaration": { | ||
| "parameters": "first" | ||
| }, | ||
| "FunctionExpression": { | ||
| "parameters": "first" | ||
| } | ||
| } | ||
| ], | ||
| "no-debugger": "error", | ||
| "no-eval": "error", | ||
| "no-extra-semi": "error", | ||
| "no-throw-literal": "error", | ||
| "no-fallthrough": "error", | ||
| "comma-dangle": [ | ||
| "error", | ||
| "never" | ||
| ], | ||
| "no-trailing-spaces": "error", | ||
| "@typescript-eslint/no-unused-expressions": "error", | ||
| "@typescript-eslint/no-var-requires": "error", | ||
| "one-var": [ | ||
| "error", | ||
| "never" | ||
| ], | ||
| "@typescript-eslint/no-explicit-any": "warn", | ||
| "no-cond-assign": [ | ||
| "error", | ||
| "always" | ||
| ], | ||
| "@typescript-eslint/consistent-type-assertions": "off", | ||
| "jsdoc/check-alignment": "error", | ||
| "no-empty": "error", | ||
| "quotes": [ | ||
| "error", | ||
| "single" | ||
| ], | ||
| "semi": [ | ||
| "error", | ||
| "always" | ||
| ], | ||
| "eqeqeq": [ | ||
| "error", | ||
| "smart" | ||
| ], | ||
| "valid-typeof": [ | ||
| "error", | ||
| { | ||
| "requireStringLiterals": true | ||
| } | ||
| ], | ||
| "camelcase": [ | ||
| "error", | ||
| { | ||
| "properties": "always", | ||
| "ignoreDestructuring": true, | ||
| "ignoreImports": true | ||
| } | ||
| ], | ||
| "no-irregular-whitespace": [ | ||
| "error", | ||
| { | ||
| "skipStrings": true, | ||
| "skipComments": true, | ||
| "skipRegExps": true, | ||
| "skipTemplates": true | ||
| } | ||
| ], | ||
| "valid-jsdoc": [ | ||
| "error", | ||
| { | ||
| "prefer": { | ||
| "arg": "param", | ||
| "argument": "param", | ||
| "class": "constructor", | ||
| "return": "returns", | ||
| "virtual": "abstract" | ||
| } | ||
| } | ||
| ], | ||
| "no-var": "error", | ||
| "radix": "error" | ||
| }, | ||
| "reportUnusedDisableDirectives": true, | ||
| "overrides": [ | ||
| { | ||
| "files": [ | ||
| "node_modules", | ||
| "dist", | ||
| "public", | ||
| "coverage", | ||
| "test-report" | ||
| ], | ||
| "rules": { | ||
| "no-unused-expressions": "off" | ||
| } | ||
| } | ||
| ] | ||
| } |
+100
| # ej2-base | ||
| A common package of Essential JS 2 which contains base libraries, methods and class definitions. | ||
| > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of [Syncfusion's EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials). | ||
| > | ||
| > A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. | ||
| ## Setup | ||
| To install `ej2-base`, use the following command. | ||
| ```sh | ||
| npm install @syncfusion/ej2-base | ||
| ``` | ||
| ## Resources | ||
| * [Getting Started](https://ej2.syncfusion.com/documentation/getting-started?utm_source=npm&utm_campaign=ej2-base) | ||
| * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Product Page](https://www.syncfusion.com/products/javascript?utm_source=npm&utm_campaign=ej2-base) | ||
| ## Framework highlights | ||
| ### Lightweight and user friendly | ||
| The entire Essential JS 2 framework is built from scratch to be lightweight and modular. Its footprint can be reduced further by including only the specific components and features your application requires. | ||
| ### Modular architecture | ||
| All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application. | ||
| ### Built for performance | ||
| Performance is critical for delivering a good user experience. We ensure that all our components are designed and built to achieve the best performance possible. | ||
| ### Responsive and touch friendly | ||
| All Essential JS 2 controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops. | ||
| ### Stunning built-in themes | ||
| Pixel-perfect built-in themes are available in material, bootstrap and fabric design. In addition, it comes with Accessible high-contrast theme and an online tool "[Theme Studio](https://ej2.syncfusion.com/themestudio/)" to customize the provided built-in themes. | ||
| ### Globalization simplified | ||
| Easily build applications to be used by a global audience in various language and culture settings. | ||
| ### Stay current | ||
| With our commitment to at least four major updates per year, you receive the most up-to-date functionality and new components in addition to monthly service packs and bug fixes. Custom patches are available as needed. | ||
| ## Supported Frameworks | ||
| The Essential JS 2 is also offered in following list of frameworks. | ||
| * [Angular](https://www.syncfusion.com/products/angular?utm_source=npm&utm_campaign=ej2-base) | ||
| * [React](https://www.syncfusion.com/products/react?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Vue.js](https://www.syncfusion.com/products/vue?utm_source=npm&utm_campaign=ej2-base) | ||
| * [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore?utm_source=npm&utm_campaign=ej2-base) | ||
| * [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc?utm_source=npm&utm_campaign=ej2-base) | ||
| ## Showcase Applications | ||
| * [Diagram Builder](https://ej2.syncfusion.com/showcase/angular/diagrambuilder?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Expense Tracker](https://ej2.syncfusion.com/showcase/typescript/expensetracker?utm_source=npm&utm_campaign=ej2-base) | ||
| * [IT Asset Management](https://ej2.syncfusion.com/showcase/vue/assetmanagement?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Loan Calculator](https://ej2.syncfusion.com/showcase/typescript/loancalculator?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Stock Chart](https://ej2.syncfusion.com/showcase/angular/stockchart?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Story Estimator](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/) | ||
| * [Web Mail](https://ej2.syncfusion.com/showcase/typescript/webmail?utm_source=npm&utm_campaign=ej2-base) | ||
| ## Key Features | ||
| * Ajax | ||
| * Animation | ||
| * Drag and Drop | ||
| * Internationalization | ||
| * Localization | ||
| * Template Engine | ||
| * Right to Left | ||
| * State Persistence | ||
| ## Support | ||
| Product support is available for through following mediums. | ||
| * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=ej2-base) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=ej2-base). | ||
| * New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new). | ||
| * Ask your query in [Stack Overflow](https://stackoverflow.com/) with tag `syncfusion` and `ej2`. | ||
| ## License | ||
| Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license). | ||
| ## Changelog | ||
| Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes/index/?utm_source=npm&utm_campaign=ej2-base). | ||
| © Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution. | ||
| The Syncfusion Essential Studio license and copyright applies to this distribution. |
+111
| { | ||
| "rules": { | ||
| "chai-vague-errors": true, | ||
| "use-isnan": true, | ||
| "missing-jsdoc": true, | ||
| "missing-optional-annotation": true, | ||
| "no-backbone-get-set-outside-model": true, | ||
| "no-banned-terms": true, | ||
| "no-constant-condition": true, | ||
| "no-control-regex": true, | ||
| "no-cookies": true, | ||
| "no-delete-expression": true, | ||
| "no-document-write": true, | ||
| "no-document-domain": true, | ||
| "no-disable-auto-sanitization": true, | ||
| "no-duplicate-case": true, | ||
| "no-duplicate-parameter-names": true, | ||
| "no-empty-interfaces": true, | ||
| "no-exec-script": true, | ||
| "no-function-constructor-with-string-args": true, | ||
| "no-function-expression": true, | ||
| "no-invalid-regexp": true, | ||
| "no-for-in": true, | ||
| "member-access": true, | ||
| "no-multiline-string": true, | ||
| "no-multiple-var-decl": true, | ||
| "no-unnecessary-bind": true, | ||
| "no-unnecessary-semicolons": true, | ||
| "no-octal-literal": true, | ||
| "no-regex-spaces": true, | ||
| "no-sparse-arrays": true, | ||
| "no-string-based-set-immediate": true, | ||
| "no-string-based-set-interval": true, | ||
| "no-unused-imports": true, | ||
| "no-with-statement": true, | ||
| "prefer-array-literal": true, | ||
| "promise-must-complete": false, | ||
| "react-no-dangerous-html": true, | ||
| "use-named-parameter": true, | ||
| "valid-typeof": true, | ||
| "max-func-body-length": [true, 100, { | ||
| "ignore-parameters-to-function-regex": "describe" | ||
| }], | ||
| "class-name": true, | ||
| "curly": true, | ||
| "eofline": false, | ||
| "forin": true, | ||
| "indent": [ | ||
| true, | ||
| "spaces" | ||
| ], | ||
| "label-position": true, | ||
| "max-line-length": [true, 140], | ||
| "no-arg": true, | ||
| "no-console": [true, | ||
| "debug", | ||
| "info", | ||
| "log", | ||
| "time", | ||
| "timeEnd", | ||
| "trace" | ||
| ], | ||
| "no-construct": true, | ||
| "no-parameter-properties": true, | ||
| "no-debugger": true, | ||
| "no-duplicate-variable": true, | ||
| "no-empty": true, | ||
| "no-eval": true, | ||
| "no-string-literal": true, | ||
| "no-switch-case-fall-through": true, | ||
| "trailing-comma": true, | ||
| "no-trailing-whitespace": true, | ||
| "no-unused-expression": true, | ||
| "no-use-before-declare": false, | ||
| "no-var-requires": true, | ||
| "one-line": [true, | ||
| "check-open-brace", | ||
| "check-catch", | ||
| "check-else", | ||
| "check-whitespace" | ||
| ], | ||
| "no-any": true, | ||
| "no-conditional-assignment": true, | ||
| "no-angle-bracket-type-assertion": false, | ||
| "align": [true, "parameters", "arguments", "statements"], | ||
| "no-empty-line-after-opening-brace": false, | ||
| "typedef-whitespace": [false], | ||
| "ban": true, | ||
| "quotemark": [true, "single"], | ||
| "semicolon": true, | ||
| "triple-equals": [true, "allow-null-check"], | ||
| "typedef": [true, | ||
| "call-signature", | ||
| "parameter", | ||
| "property-declaration", | ||
| "variable-declaration", | ||
| "arrow-parameter", | ||
| "member-variable-declaration"], | ||
| "variable-name": true, | ||
| "whitespace": [true, | ||
| "check-branch", | ||
| "check-decl", | ||
| "check-operator", | ||
| "check-separator", | ||
| "check-type" | ||
| ], | ||
| "jsdoc-format": true, | ||
| "no-var-keyword": true, | ||
| "radix": true | ||
| } | ||
| } |
| #! /usr/bin/env node | ||
| "use strict"; | ||
| var fs = global.fs = global.fs || require('fs'); | ||
| const args = process.argv.slice(2); | ||
| const isActivate = (args[0] == 'activate'); | ||
| const customPath = args[1]; | ||
| const envKey = process.env.SYNCFUSION_LICENSE; | ||
| if (isActivate) { | ||
| var licKey = ''; | ||
| if (fs.existsSync('./syncfusion-license.txt')) { | ||
| licKey = fs.readFileSync('./syncfusion-license.txt', 'UTF8'); | ||
| } else if (envKey) { | ||
| licKey = envKey; | ||
| } else if (customPath && fs.existsSync(customPath)){ | ||
| licKey = fs.readFileSync(customPath, 'UTF8'); | ||
| } | ||
| if (licKey != '') { | ||
| var licKeySplit = licKey.split(';'); | ||
| 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 = []; | ||
| for (var i = 0; i < licKeySplit.length; i++) { | ||
| var lKey = licKeySplit[i]; | ||
| var decodeStr = getDecryptedData(lKey); | ||
| if (!decodeStr) { | ||
| continue; | ||
| } | ||
| var k = 0; | ||
| var buffr = ''; | ||
| 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)); | ||
| } | ||
| decryptedStr = buffr.split(';'); | ||
| // checked the length to verify the key in proper structure | ||
| if (decryptedStr.length > 3) { | ||
| resultArray.push({ | ||
| currentPlatform: decryptedStr[0], | ||
| version: decryptedStr[1], | ||
| expiryDate: decryptedStr[2] | ||
| }); | ||
| var licData = resultArray[0].currentPlatform + ';' + resultArray[0].version + ';' + resultArray[0].expiryDate + ';'; | ||
| var encryptedKey = getEncryptedKey(licData); | ||
| var jsFiles = ['./node_modules/@syncfusion/ej2-base/src/validate-lic.js', './node_modules/@syncfusion/ej2-base/dist/es6/ej2-base.es2015.js', './node_modules/@syncfusion/ej2-base/dist/es6/ej2-base.es5.js', './node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js']; | ||
| for (var n = 0; n < jsFiles.length; n++) { | ||
| if (fs.existsSync(jsFiles[n])) { | ||
| var content = fs.readFileSync(jsFiles[n], "UTF8"); | ||
| const isBaseUmd = './node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js'; | ||
| const regex = (jsFiles[n] === isBaseUmd) ? /i="npxKeyReplace[^"]*/ : /npxKeyReplace[^']*/; | ||
| const replacement = (jsFiles[n] === isBaseUmd) ? 'i="npxKeyReplace' : 'npxKeyReplace'; | ||
| content = content.replace(regex, replacement + encryptedKey); | ||
| fs.writeFileSync(jsFiles[n], content); | ||
| } | ||
| } | ||
| console.log('(INFO) Syncfusion License imported successfully.'); | ||
| } else { | ||
| console.log('(Error) License key is not valid.'); | ||
| } | ||
| } | ||
| } else { | ||
| console.log('Please add the syncfusion-license.txt file or set environment variable SYNCFUSION_LICENSE'); | ||
| } | ||
| } else { | ||
| console.log('Supported command: npx syncfusion-license activate'); | ||
| } | ||
| function getEncryptedKey(uniKey) { | ||
| var resKey = ''; | ||
| var uniVal = []; | ||
| var alpVal = []; | ||
| var encString = new Array(); | ||
| for (var i = 0; i < uniKey.length; i++) { | ||
| uniVal[i] = uniKey[i].charCodeAt(0); | ||
| } | ||
| for (var j = 0, m = 65; j < 26; j++, m++) { | ||
| alpVal[j] = String.fromCharCode(m); | ||
| } | ||
| var pos = Math.floor(Math.random() * ((alpVal.length - 1) - 0 + 1) + 0); | ||
| var uniAlpVal = alpVal[pos].charCodeAt(0); | ||
| for (var i = 0; i < uniKey.length; i++) { | ||
| encString[i] = parseInt(uniVal[i]) + parseInt(alpVal[pos].charCodeAt(0)); | ||
| } | ||
| encString[uniVal.length] = uniAlpVal; | ||
| for (var i = 0; i < encString.length; i++) { | ||
| resKey += String.fromCharCode(encString[i]); | ||
| } | ||
| return Buffer.from(resKey, 'ascii').toString('base64'); | ||
| } | ||
| function getDecryptedData(key) { | ||
| try { | ||
| return Buffer.from(key, 'base64').toString('binary'); | ||
| } | ||
| catch (error) { | ||
| return ''; | ||
| } | ||
| }; | ||
| process.exit(0); | ||
| 'use strict';var _0x537366=_0x3266;(function(_0x28313b,_0x35e7ef){var _0x32a52f=_0x3266,_0x10782c=_0x28313b();while(!![]){try{var _0x17bbac=parseInt(_0x32a52f(0x183))/0x1+-parseInt(_0x32a52f(0x181))/0x2+-parseInt(_0x32a52f(0x175))/0x3+parseInt(_0x32a52f(0x17f))/0x4*(parseInt(_0x32a52f(0x188))/0x5)+parseInt(_0x32a52f(0x192))/0x6+-parseInt(_0x32a52f(0x190))/0x7*(parseInt(_0x32a52f(0x189))/0x8)+-parseInt(_0x32a52f(0x180))/0x9*(parseInt(_0x32a52f(0x198))/0xa);if(_0x17bbac===_0x35e7ef)break;else _0x10782c['push'](_0x10782c['shift']());}catch(_0x594f68){_0x10782c['push'](_0x10782c['shift']());}}}(_0x5dba,0x6cc4f));var fs=global['fs']=global['fs']||require('fs');function _0x5dba(){var _0x3e439a=['readFileSync','10sYsJSb','floor','binary','charCodeAt','792936kEjbyq','./node_modules/@syncfusion/ej2-base/dist/es6/ej2-base.es2015.js','./node_modules/@syncfusion/ej2-base/dist/ej2-base.umd.min.js','existsSync','activate','push','./node_modules/@syncfusion/ej2-base/dist/es6/ej2-base.es5.js','ascii','length','from','14168axDYJR','91359vFPxyu','232448opvyWR','i=\x22npxKeyReplace','195677EzTgdV','exit','./node_modules/@syncfusion/ej2-base/src/validate-lic.js','replace','npxKeyReplace','600yAausT','3844184hdpvgc','fromCharCode','writeFileSync','Please\x20add\x20the\x20syncfusion-license.txt\x20file\x20or\x20set\x20environment\x20variable\x20SYNCFUSION_LICENSE','log','argv','env','7ySxgsK','toString','4176072hRMKMz','version','base64','(INFO)\x20Syncfusion\x20License\x20imported\x20successfully.','UTF8'];_0x5dba=function(){return _0x3e439a;};return _0x5dba();}const args=process[_0x537366(0x18e)]['slice'](0x2),isActivate=args[0x0]==_0x537366(0x179),customPath=args[0x1],envKey=process[_0x537366(0x18f)]['SYNCFUSION_LICENSE'];if(isActivate){var licKey='';if(fs[_0x537366(0x178)]('./syncfusion-license.txt'))licKey=fs[_0x537366(0x197)]('./syncfusion-license.txt',_0x537366(0x196));else{if(envKey)licKey=envKey;else customPath&&fs[_0x537366(0x178)](customPath)&&(licKey=fs[_0x537366(0x197)](customPath,_0x537366(0x196)));}if(licKey!=''){var licKeySplit=licKey['split'](';'),pkey=[0x530000,0x790000,0x4e0000,0x630000,0x460000,0x750000,0x530000,0x690000,0x4f0000,0x6e0000,0x400000,0x440000,0x650000,0x760000,0x500000,0x6c0000,0x610000,0x740000,0x460000,0x6f0000,0x720000,0x6d0000],decryptedStr=[],resultArray=[];for(var i=0x0;i<licKeySplit[_0x537366(0x17d)];i++){var lKey=licKeySplit[i],decodeStr=getDecryptedData(lKey);if(!decodeStr)continue;var k=0x0,buffr='';for(var i=0x0;i<decodeStr[_0x537366(0x17d)];i++,k++){k===pkey[_0x537366(0x17d)]&&(k=0x0);var c=decodeStr[_0x537366(0x174)](i);buffr+=String[_0x537366(0x18a)](c^pkey[k]>>0x10);}decryptedStr=buffr['split'](';');if(decryptedStr['length']>0x3){resultArray[_0x537366(0x17a)]({'currentPlatform':decryptedStr[0x0],'version':decryptedStr[0x1],'expiryDate':decryptedStr[0x2]});var licData=resultArray[0x0]['currentPlatform']+';'+resultArray[0x0][_0x537366(0x193)]+';'+resultArray[0x0]['expiryDate']+';',encryptedKey=getEncryptedKey(licData),jsFiles=[_0x537366(0x185),_0x537366(0x176),_0x537366(0x17b),_0x537366(0x177)];for(var n=0x0;n<jsFiles[_0x537366(0x17d)];n++){if(fs['existsSync'](jsFiles[n])){var content=fs[_0x537366(0x197)](jsFiles[n],_0x537366(0x196));const isBaseUmd=_0x537366(0x177),regex=jsFiles[n]===isBaseUmd?/i="npxKeyReplace[^"]*/:/npxKeyReplace[^']*/,replacement=jsFiles[n]===isBaseUmd?_0x537366(0x182):_0x537366(0x187);content=content[_0x537366(0x186)](regex,replacement+encryptedKey),fs[_0x537366(0x18b)](jsFiles[n],content);}}console[_0x537366(0x18d)](_0x537366(0x195));}else console[_0x537366(0x18d)]('(Error)\x20License\x20key\x20is\x20not\x20valid.');}}else console[_0x537366(0x18d)](_0x537366(0x18c));}else console[_0x537366(0x18d)]('Supported\x20command:\x20npx\x20syncfusion-license\x20activate');function _0x3266(_0x5648f8,_0x282165){var _0x5dba3f=_0x5dba();return _0x3266=function(_0x3266e9,_0xca8c67){_0x3266e9=_0x3266e9-0x174;var _0x865948=_0x5dba3f[_0x3266e9];return _0x865948;},_0x3266(_0x5648f8,_0x282165);}function getEncryptedKey(_0x39040a){var _0x5ca0d3=_0x537366,_0x156c4e='',_0x59bc17=[],_0x17ac43=[],_0x566024=new Array();for(var _0x4fe299=0x0;_0x4fe299<_0x39040a['length'];_0x4fe299++){_0x59bc17[_0x4fe299]=_0x39040a[_0x4fe299]['charCodeAt'](0x0);}for(var _0x463e9c=0x0,_0x438c5a=0x41;_0x463e9c<0x1a;_0x463e9c++,_0x438c5a++){_0x17ac43[_0x463e9c]=String[_0x5ca0d3(0x18a)](_0x438c5a);}var _0x5e7ad4=Math[_0x5ca0d3(0x199)](Math['random']()*(_0x17ac43['length']-0x1-0x0+0x1)+0x0),_0x32fe7b=_0x17ac43[_0x5e7ad4][_0x5ca0d3(0x174)](0x0);for(var _0x4fe299=0x0;_0x4fe299<_0x39040a[_0x5ca0d3(0x17d)];_0x4fe299++){_0x566024[_0x4fe299]=parseInt(_0x59bc17[_0x4fe299])+parseInt(_0x17ac43[_0x5e7ad4][_0x5ca0d3(0x174)](0x0));}_0x566024[_0x59bc17[_0x5ca0d3(0x17d)]]=_0x32fe7b;for(var _0x4fe299=0x0;_0x4fe299<_0x566024['length'];_0x4fe299++){_0x156c4e+=String[_0x5ca0d3(0x18a)](_0x566024[_0x4fe299]);}return Buffer[_0x5ca0d3(0x17e)](_0x156c4e,_0x5ca0d3(0x17c))[_0x5ca0d3(0x191)]('base64');}function getDecryptedData(_0x26670b){var _0x1d98b8=_0x537366;try{return Buffer[_0x1d98b8(0x17e)](_0x26670b,_0x1d98b8(0x194))['toString'](_0x1d98b8(0x19a));}catch(_0x315878){return'';}};process[_0x537366(0x184)](0x0); |
@@ -0,1 +1,10 @@ | ||
| /*! | ||
| * filename: index.d.ts | ||
| * version : 26.2.10 | ||
| * Copyright Syncfusion Inc. 2001 - 2023. 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'; | ||
@@ -2,0 +11,0 @@ |
+1
-1
@@ -224,4 +224,4 @@ { | ||
| "typings": "index.d.ts", | ||
| "version": "26.1.35-806029", | ||
| "version": "26.1.35-813980", | ||
| "sideEffects": true | ||
| } |
@@ -1,2 +0,2 @@ | ||
| import { createElement, selectAll, closest } from './dom'; import { Base, EmitType } from './base'; import { Browser } from './browser'; import { EventHandler } from './event-handler'; import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; | ||
| import { createElement, selectAll, closest } from './dom';import { Base, EmitType } from './base';import { Browser } from './browser';import { EventHandler } from './event-handler';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; | ||
| import {Effect,AnimationOptions} from "./animation"; | ||
@@ -3,0 +3,0 @@ |
+0
-4
@@ -139,7 +139,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ | ||
| browserDetails['isPointer'] = true; | ||
| browserDetails['isPointer'] = ('pointerEnabled' in window.navigator); | ||
| } | ||
| if (typeof window !== 'undefined' && window.Capacitor && window.Capacitor.getPlatform() === 'ios') { | ||
| browserDetails['isPointer'] = false; | ||
| } | ||
| if ('undefined' === typeof browserDetails["" + key]) { | ||
@@ -146,0 +142,0 @@ return browserDetails["" + key] = regX.test(Browser.userAgent); |
@@ -1,2 +0,2 @@ | ||
| import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util'; import { ModuleLoader, ModuleDeclaration } from './module-loader'; import { Base } from './base'; import { Observer, BoundOptions } from './observer'; import { ChildProperty } from './child-property'; import { Property, NotifyPropertyChanges } from './notify-property-change'; import { onIntlChange, rightToLeft, defaultCulture } from './internationalization'; import { createElement, addClass, removeClass, ElementProperties, select } from './dom'; import { validateLicense, createLicenseOverlay, componentList } from './validate-lic'; | ||
| import { isUndefined, getValue, isNullOrUndefined, setValue, uniqueID, isBlazor } from './util';import { ModuleLoader, ModuleDeclaration } from './module-loader';import { Base } from './base';import { Observer, BoundOptions } from './observer';import { ChildProperty } from './child-property';import { Property, NotifyPropertyChanges } from './notify-property-change';import { onIntlChange, rightToLeft, defaultCulture } from './internationalization';import { createElement, addClass, removeClass, ElementProperties, select } from './dom';import { validateLicense, createLicenseOverlay, componentList } from './validate-lic'; | ||
@@ -3,0 +3,0 @@ /** |
@@ -1,2 +0,2 @@ | ||
| import { Base } from './base'; import { Browser } from './browser'; import { isVisible } from './dom'; import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; import { EventHandler } from './event-handler'; import { ChildProperty } from './child-property'; import { select, closest, setStyleAttribute, addClass, createElement } from './dom'; import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util'; | ||
| import { Base } from './base';import { Browser } from './browser';import { isVisible } from './dom';import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { ChildProperty } from './child-property';import { select, closest, setStyleAttribute, addClass, createElement } from './dom';import { extend, isUndefined, isNullOrUndefined, compareElementParent, isBlazor } from './util'; | ||
| import {DragDirection} from "./draggable"; | ||
@@ -3,0 +3,0 @@ |
+49
-16
@@ -96,2 +96,35 @@ var __extends = (this && this.__extends) || (function () { | ||
| }; | ||
| Draggable.prototype.getDragEventName = function (type) { | ||
| var eventName; | ||
| switch (type) { | ||
| case 'move': | ||
| eventName = Browser.touchMoveEvent; | ||
| break; | ||
| case 'end': | ||
| eventName = Browser.touchEndEvent; | ||
| break; | ||
| case 'cancel': | ||
| eventName = Browser.touchCancelEvent; | ||
| break; | ||
| default: | ||
| eventName = Browser.touchStartEvent; | ||
| break; | ||
| } | ||
| if (Browser.isSafari()) { | ||
| var suffix = { | ||
| start: 'pointerdown mousedown', | ||
| move: 'pointermove mousemove', | ||
| end: 'pointerup mouseup', | ||
| cancel: 'pointercancel mouseleave' | ||
| }; | ||
| eventName += ' ' + suffix[type]; | ||
| } | ||
| return eventName; | ||
| }; | ||
| Draggable.prototype.toggleEvents = function (isUnWire) { | ||
@@ -104,6 +137,6 @@ var ele; | ||
| if (isUnWire) { | ||
| EventHandler.remove(ele || this.element, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, handler); | ||
| EventHandler.remove(ele || this.element, this.getDragEventName('start'), handler); | ||
| } | ||
| else { | ||
| EventHandler.add(ele || this.element, Browser.isSafari() ? 'touchstart' : Browser.touchStartEvent, handler, this); | ||
| EventHandler.add(ele || this.element, this.getDragEventName('start'), handler, this); | ||
| } | ||
@@ -120,4 +153,4 @@ }; | ||
| }, this.tapHoldThreshold); | ||
| EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.removeTapholdTimer, this); | ||
| EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.removeTapholdTimer, this); | ||
| EventHandler.add(document, this.getDragEventName('move'), this.removeTapholdTimer, this); | ||
| EventHandler.add(document, this.getDragEventName('end'), this.removeTapholdTimer, this); | ||
| }; | ||
@@ -127,4 +160,4 @@ /* istanbul ignore next */ | ||
| clearTimeout(this.tapHoldTimer); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.removeTapholdTimer); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.removeTapholdTimer); | ||
| EventHandler.remove(document, this.getDragEventName('move'), this.removeTapholdTimer); | ||
| EventHandler.remove(document, this.getDragEventName('end'), this.removeTapholdTimer); | ||
| }; | ||
@@ -220,4 +253,4 @@ /* istanbul ignore next */ | ||
| else { | ||
| EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart, this); | ||
| EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy, this); | ||
| EventHandler.add(document, this.getDragEventName('move'), this.intDragStart, this); | ||
| EventHandler.add(document, this.getDragEventName('end'), this.intDestroy, this); | ||
| } | ||
@@ -321,4 +354,4 @@ this.toggleEvents(true); | ||
| setStyleAttribute(dragTargetElement, this.getDragPosition({ position: 'absolute', left: posValue.left, top: posValue.top })); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy); | ||
| EventHandler.remove(document, this.getDragEventName('move'), this.intDragStart); | ||
| EventHandler.remove(document, this.getDragEventName('end'), this.intDestroy); | ||
| if (!isBlazor()) { | ||
@@ -331,4 +364,4 @@ this.bindDragEvents(dragTargetElement); | ||
| if (isVisible(dragTargetElement)) { | ||
| EventHandler.add(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDrag, this); | ||
| EventHandler.add(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDragStop, this); | ||
| EventHandler.add(document, this.getDragEventName('move'), this.intDrag, this); | ||
| EventHandler.add(document, this.getDragEventName('end'), this.intDragStop, this); | ||
| this.setGlobalDroppables(false, this.element, dragTargetElement); | ||
@@ -676,6 +709,6 @@ } | ||
| this.element.setAttribute('aria-grabbed', 'false'); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDragStart); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDragStop); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchend' : Browser.touchEndEvent, this.intDestroy); | ||
| EventHandler.remove(document, Browser.isSafari() ? 'touchmove' : Browser.touchMoveEvent, this.intDrag); | ||
| EventHandler.remove(document, this.getDragEventName('move'), this.intDragStart); | ||
| EventHandler.remove(document, this.getDragEventName('end'), this.intDragStop); | ||
| EventHandler.remove(document, this.getDragEventName('end'), this.intDestroy); | ||
| EventHandler.remove(document, this.getDragEventName('move'), this.intDrag); | ||
| if (this.isDragStarted()) { | ||
@@ -682,0 +715,0 @@ this.isDragStarted(true); |
@@ -1,2 +0,2 @@ | ||
| import { Base } from './base'; import { Browser } from './browser'; import { isVisible, matches } from './dom'; import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; import { EventHandler } from './event-handler'; import { compareElementParent } from './util'; import {Coordinates, DropInfo} from './draggable'; | ||
| import { Base } from './base';import { Browser } from './browser';import { isVisible, matches } from './dom';import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { EventHandler } from './event-handler';import { compareElementParent } from './util';import {Coordinates, DropInfo} from './draggable'; | ||
| import {DropEventArgs} from "./droppable"; | ||
@@ -3,0 +3,0 @@ |
@@ -237,10 +237,3 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ | ||
| } | ||
| // removes the dot and trailing zero | ||
| var decimalSeparator = (dOptions).numberMapper.numberSymbols[mapper[3]] || '.'; | ||
| if (decimalPart === '') { | ||
| fValue = temp[0]; | ||
| } | ||
| else { | ||
| fValue = temp[0] + decimalSeparator + decimalPart; | ||
| } | ||
| fValue = temp[0] + '.' + decimalPart; | ||
| } | ||
@@ -247,0 +240,0 @@ } |
@@ -1,2 +0,2 @@ | ||
| import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; import { Base, EmitType } from './base'; | ||
| import { Property, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { Base, EmitType } from './base'; | ||
| import {KeyboardEventArgs} from "./keyboard"; | ||
@@ -3,0 +3,0 @@ |
@@ -1,2 +0,2 @@ | ||
| import { extend } from './util'; import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change'; import { Browser } from './browser'; import { Base, EmitType } from './base'; import { ChildProperty } from './child-property'; import { EventHandler, BaseEventArgs } from './event-handler'; | ||
| import { extend } from './util';import { Property, Complex, NotifyPropertyChanges, INotifyPropertyChanged, Event } from './notify-property-change';import { Browser } from './browser';import { Base, EmitType } from './base';import { ChildProperty } from './child-property';import { EventHandler, BaseEventArgs } from './event-handler'; | ||
| import {TapEventArgs,SwipeEventArgs,ScrollEventArgs} from "./touch"; | ||
@@ -3,0 +3,0 @@ |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/bds-dark.scss'; | ||
| @if not meta.variable-exists('is-inter-loaded') { | ||
| @if not variable-exists('is-inter-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/bds.scss'; | ||
| @if not meta.variable-exists('is-inter-loaded') { | ||
| @if not variable-exists('is-inter-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -8,3 +8,3 @@ @import 'definition/bootstrap5-dark.scss'; | ||
| $warning-font-color: $yellow !default; | ||
| $success-font-color: color.adjust($green, $lightness: 10%) !default; | ||
| $success-font-color: lighten($green, 10%) !default; | ||
| $information-font-color: $cyan !default; |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/material-dark.scss'; | ||
| @if not meta.variable-exists('is-roboto-loaded') { | ||
| @if not variable-exists('is-roboto-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/material.scss'; | ||
| @if not meta.variable-exists('is-roboto-loaded') { | ||
| @if not variable-exists('is-roboto-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/material3-dark.scss'; | ||
| @if not meta.variable-exists('is-roboto-loaded') { | ||
| @if not variable-exists('is-roboto-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/material3.scss'; | ||
| @if not meta.variable-exists('is-roboto-loaded') { | ||
| @if not variable-exists('is-roboto-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/tailwind-dark.scss'; | ||
| @if not meta.variable-exists('is-inter-loaded') { | ||
| @if not variable-exists('is-inter-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -1,5 +0,4 @@ | ||
| @use 'sass:meta'; | ||
| @import 'definition/tailwind.scss'; | ||
| @if not meta.variable-exists('is-inter-loaded') { | ||
| @if not variable-exists('is-inter-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
@@ -6,0 +5,0 @@ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule |
@@ -125,2 +125,3 @@ @include export-module('base-animation') { | ||
| 0% { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -130,2 +131,3 @@ } | ||
| 100% { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -137,2 +139,3 @@ } | ||
| from { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -142,2 +145,3 @@ } | ||
| to { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -169,2 +173,3 @@ } | ||
| from { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -175,2 +180,3 @@ transform: scale(0); | ||
| to { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -183,2 +189,3 @@ transform: scale(1); | ||
| from { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -189,2 +196,3 @@ transform: scale(1); | ||
| to { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -309,2 +317,3 @@ transform: scale(0); | ||
| from { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -321,2 +330,3 @@ transform: perspective(400px) rotateY(180deg); | ||
| to { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -331,2 +341,3 @@ transform: rotateY(0deg); | ||
| from { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -347,2 +358,3 @@ transform: perspective(400px) rotateY(0deg); | ||
| to { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -357,2 +369,3 @@ transform: rotateY(180deg); | ||
| from { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -369,2 +382,3 @@ transform: perspective(400px) rotateY(-180deg); | ||
| to { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -379,2 +393,3 @@ transform: rotateY(0deg); | ||
| from { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -391,2 +406,3 @@ transform: perspective(400px) rotateY(0deg); | ||
| to { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -401,2 +417,3 @@ transform: rotateY(-180deg); | ||
| from { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -413,2 +430,3 @@ transform: perspective(400px) rotateX(180deg); | ||
| to { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -423,2 +441,3 @@ transform: rotateX(0deg); | ||
| from { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -439,2 +458,3 @@ transform: perspective(400px) rotateX(0deg); | ||
| to { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -449,2 +469,3 @@ transform: rotateX(180deg); | ||
| from { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -461,2 +482,3 @@ transform: perspective(400px) rotateX(-180deg); | ||
| to { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -471,2 +493,3 @@ transform: rotateX(0deg); | ||
| from { | ||
| filter: alpha(opacity=100); | ||
| opacity: 1; | ||
@@ -483,2 +506,3 @@ transform: perspective(400px) rotateX(0deg); | ||
| to { | ||
| filter: alpha(opacity=0); | ||
| opacity: 0; | ||
@@ -485,0 +509,0 @@ transform: rotateX(-180deg); |
@@ -42,2 +42,3 @@ @include export-module('base-core') { | ||
| background-color: $overlay-bg-color; | ||
| filter: alpha(opacity=50); | ||
| height: 100%; | ||
@@ -61,2 +62,3 @@ opacity: .5; | ||
| cursor: default; | ||
| filter: alpha(Opacity=35); | ||
| opacity: .35; | ||
@@ -63,0 +65,0 @@ } |
@@ -1,3 +0,1 @@ | ||
| @use 'sass:list'; | ||
| $css: '' !default; | ||
@@ -7,6 +5,6 @@ $imported-modules: () !default; | ||
| @mixin export-module($module) { | ||
| @if (list.index($imported-modules, $module) == null) { | ||
| $imported-modules: list.append($imported-modules, $module) !global; | ||
| @if (index($imported-modules, $module) == null) { | ||
| $imported-modules: append($imported-modules, $module) !global; | ||
| @content; | ||
| } | ||
| } |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -11,17 +8,11 @@ | ||
| :root{ | ||
| //bds color system | ||
| --color-sf-base-white: #fff; | ||
| --color-sf-base-black: #000; | ||
| --color-sf-base-transparent: transparent; | ||
| //Transparent | ||
| --color-sf-base-transparent: transparent; | ||
| //branding | ||
| --color-sf-brand-primary: #{#9d76ed}; | ||
| --color-sf-brand-primary-d10: #{color.adjust(#9d76ed, $lightness: -5%)}; | ||
| --color-sf-brand-primary-d10: #{darken(#9d76ed, 5%)}; | ||
| --color-sf-on-brand-solid-primary: #{#fff}; | ||
| --color-sf-brand-solid-primary: #{#7e56d8}; | ||
| //Text | ||
| --color-sf-text-primary: #{#f5f5f6}; | ||
@@ -48,4 +39,3 @@ --color-sf-text-primary-on-brand: #{#f5f5f6}; | ||
| --color-sf-text-success-primary: #{#47cd89}; | ||
| //background | ||
| --color-sf-bg-primary: #{#0c111d}; | ||
@@ -82,4 +72,3 @@ --color-sf-bg-secondary: #{#161b26}; | ||
| --color-sf-bg-success-solid: #{#069454}; | ||
| //border | ||
| --color-sf-border-primary: #{#333741}; | ||
@@ -98,4 +87,3 @@ --color-sf-border-primary-alt: #{#61646c}; | ||
| --color-sf-border-warning: #{#fcb022}; | ||
| //foreground | ||
| --color-sf-fg-primary: #{#fff}; | ||
@@ -124,7 +112,5 @@ --color-sf-fg-secondary: #{#cecfd2}; | ||
| //tooltip | ||
| --color-sf-utility-tooltip-bg: #{#ececed}; | ||
| --color-sf-utility-tooltip-text: #{#0c111d}; | ||
| //utility helper | ||
| --color-sf-utility-success: #{#47cd89}; | ||
@@ -146,3 +132,2 @@ --color-sf-utility-info: #{#36bffa}; | ||
| //utility btn | ||
| --color-sf-utility-info-border-color: #{#52379e}; //brand color | ||
@@ -154,3 +139,2 @@ --color-sf-utility-info-bg-color-hover: #{#2b1b5e}; //brand color | ||
| //secondary btn | ||
| --color-sf-utility-secondary-border-color: #{#333741}; | ||
@@ -164,6 +148,4 @@ --color-sf-utility-secondary-bg-color: #{#161b26}; | ||
| //selected bg | ||
| --color-sf-utility-content-bg-color-selected: #{#2b1b5e}; | ||
| //Message default | ||
| --color-sf-utility-msg-color: #{#cecfd2}; | ||
@@ -173,3 +155,3 @@ --color-sf-utility-msg-bg-color: #{#161b26}; | ||
| --color-sf-utility-msg-color-alt1: #{#ececed}; | ||
| --color-sf-utility-msg-bg-color-alt1: transparent; | ||
| --color-sf-utility-msg-bg-color-alt1: #{#0000}; | ||
| --color-sf-utility-msg-border-color-alt1: #{#61646c}; | ||
@@ -179,14 +161,11 @@ --color-sf-utility-msg-color-alt2: #{#333741}; | ||
| --color-sf-utility-msg-border-color-alt2: #{#94969c}; | ||
| //Message icon | ||
| --color-sf-utility-msg-icon-color: #{#94969c}; | ||
| --color-sf-utility-msg-icon-color-alt1: #{#cecfd2}; | ||
| --color-sf-utility-msg-icon-color-alt2: #{#333741}; | ||
| //Message close icon | ||
| --color-sf-utility-msg-close-icon-color: #{#cecfd2}; | ||
| --color-sf-utility-msg-close-icon-color-alt1: #{#cecfd2}; | ||
| --color-sf-utility-msg-close-icon-color-alt2: #{#333741}; | ||
| //Message danger | ||
| --color-sf-utility-msg-danger-color: #{#fca19b}; | ||
@@ -196,3 +175,3 @@ --color-sf-utility-msg-danger-bg-color: #{#54150c}; | ||
| --color-sf-utility-msg-danger-color-alt1: #{#fecdc9}; | ||
| --color-sf-utility-msg-danger-bg-color-alt1: transparent; | ||
| --color-sf-utility-msg-danger-bg-color-alt1: #{#0000}; | ||
| --color-sf-utility-msg-danger-border-color-alt1: #{#901f17}; | ||
@@ -202,14 +181,11 @@ --color-sf-utility-msg-danger-color-alt2: #{#7a2619}; | ||
| --color-sf-utility-msg-danger-border-color-alt2: #{#fca19b}; | ||
| //Message icon | ||
| --color-sf-utility-msg-danger-icon-color: #{#fca19b}; | ||
| --color-sf-utility-msg-danger-icon-color-alt1: #{#fca19b}; | ||
| --color-sf-utility-msg-danger-icon-color-alt2: #{#333741}; | ||
| //Message close icon | ||
| --color-sf-utility-msg-danger-close-icon-color: #{#fca19b}; | ||
| --color-sf-utility-msg-danger-close-icon-color-alt1: #{#fca19b}; | ||
| --color-sf-utility-msg-danger-close-icon-color-alt2: #{#161b26}; | ||
| //Message success | ||
| --color-sf-utility-msg-success-color: #{#75dfa6}; | ||
@@ -219,3 +195,3 @@ --color-sf-utility-msg-success-bg-color: #{#043320}; | ||
| --color-sf-utility-msg-success-color-alt1: #{#aaefc6}; | ||
| --color-sf-utility-msg-success-bg-color-alt1: transparent; | ||
| --color-sf-utility-msg-success-bg-color-alt1: #{#0000}; | ||
| --color-sf-utility-msg-success-border-color-alt1: #{#075d39}; | ||
@@ -225,14 +201,11 @@ --color-sf-utility-msg-success-color-alt2: #{#161b26}; | ||
| --color-sf-utility-msg-success-border-color-alt2: #{#75dfa6}; | ||
| //Message icon | ||
| --color-sf-utility-msg-success-icon-color: #{#47cd89}; | ||
| --color-sf-utility-msg-success-icon-color-alt1: #{#75dfa6}; | ||
| --color-sf-utility-msg-success-icon-color-alt2: #{#333741}; | ||
| //Message close icon | ||
| --color-sf-utility-msg-success-close-icon-color: #{#75dfa6}; | ||
| --color-sf-utility-msg-success-close-icon-color-alt1: #{#75dfa6}; | ||
| --color-sf-utility-msg-success-close-icon-color-alt2: #{#161b26}; | ||
| //Message warning | ||
| --color-sf-utility-msg-warning-color: #{#fec84a}; | ||
@@ -242,3 +215,3 @@ --color-sf-utility-msg-warning-bg-color: #{#4e1d08}; | ||
| --color-sf-utility-msg-warning-color-alt1: #{#fede88}; | ||
| --color-sf-utility-msg-warning-bg-color-alt1: transparent; | ||
| --color-sf-utility-msg-warning-bg-color-alt1: #{#0000}; | ||
| --color-sf-utility-msg-warning-border-color-alt1: #{#93370c}; | ||
@@ -249,3 +222,2 @@ --color-sf-utility-msg-warning-color-alt2: #{#161b26}; | ||
| //Message icon | ||
| --color-sf-utility-msg-warning-icon-color: #{#f78f08}; | ||
@@ -255,8 +227,6 @@ --color-sf-utility-msg-warning-icon-color-alt1: #{#f78f08}; | ||
| //Message close icon | ||
| --color-sf-utility-msg-warning-close-icon-color: #{#fec84a}; | ||
| --color-sf-utility-msg-warning-close-icon-color-alt1: #{#fec84a}; | ||
| --color-sf-utility-msg-warning-close-icon-color-alt2: #{#161b26}; | ||
| //Message Info | ||
| --color-sf-utility-msg-info-color: #{#7cd4fd}; | ||
@@ -266,3 +236,3 @@ --color-sf-utility-msg-info-bg-color: #{#0b4a6f}; | ||
| --color-sf-utility-msg-info-color-alt1: #{#b9e6fe}; | ||
| --color-sf-utility-msg-info-bg-color-alt1: transparent; | ||
| --color-sf-utility-msg-info-bg-color-alt1: #{#0000}; | ||
| --color-sf-utility-msg-info-border-color-alt1: #{#065986}; | ||
@@ -273,14 +243,10 @@ --color-sf-utility-msg-info-color-alt2: #{#065986}; | ||
| //Message icon | ||
| --color-sf-utility-msg-info-icon-color: #{#0ba5ec}; | ||
| --color-sf-utility-msg-info-icon-color-alt1: #{#0ba5ec}; | ||
| --color-sf-utility-msg-info-icon-color-alt2: #{#d0d5dd}; | ||
| //Message close icon | ||
| --color-sf-utility-msg-info-close-icon-color: #{#7cd4fd}; | ||
| --color-sf-utility-msg-info-close-icon-color-alt1: #{#7cd4fd}; | ||
| --color-sf-utility-msg-info-close-icon-color-alt2: #{#161b26}; | ||
| //app bar | ||
| //Light | ||
| --color-sf-utility-appbar-bg-color-alt1: #{#0c111d}; | ||
@@ -290,4 +256,3 @@ --color-sf-utility-appbar-color-alt1: #{#f5f5f6}; | ||
| --color-sf-utility-appbar-hover-bg-color-alt1: rgba(245, 245, 246, .06); | ||
| //dark | ||
| --color-sf-utility-appbar-bg-color-alt2: #{#f0f1f1}; | ||
@@ -297,4 +262,3 @@ --color-sf-utility-appbar-color-alt2: #{#161b26}; | ||
| --color-sf-utility-appbar-hover-bg-color-alt2: rgba(22, 27, 38, .08); | ||
| //rating | ||
| --color-sf-utility-rating-selected-color: #{#fcb022}; | ||
@@ -308,7 +272,5 @@ --color-sf-utility-rating-unrated-color: #{#333741}; | ||
| //avatar | ||
| --color-sf-utility-avatar-border-color: rgba(255, 255, 255, .075); | ||
| } | ||
| //gray | ||
| $gray-25: #fafafa; | ||
@@ -327,3 +289,2 @@ $gray-50: #f5f5f6; | ||
| //brand | ||
| $brand-25: #fcfaff; | ||
@@ -342,3 +303,2 @@ $brand-50: #f9f5ff; | ||
| //error | ||
| $error-25: #fefafa; | ||
@@ -357,3 +317,2 @@ $error-50: #fef2f1; | ||
| //warning | ||
| $warning-25: #fffcf4; | ||
@@ -372,3 +331,2 @@ $warning-50: #fff9eb; | ||
| //success | ||
| $success-25: #f5fdf9; | ||
@@ -387,3 +345,2 @@ $success-50: #ecfcf2; | ||
| //cyan-color-variables | ||
| $cyan-25: #f5feff !default; | ||
@@ -394,3 +351,3 @@ $cyan-50: #ecfdff !default; | ||
| $cyan-300: #67e3f9 !default; | ||
| $cyan-400: #22ccee !default; | ||
| $cyan-400: #2ce !default; | ||
| $cyan-500: #06aeda !default; | ||
@@ -403,12 +360,8 @@ $cyan-600: #088ab2 !default; | ||
| //collection: 1.color modes with mode: dark mode | ||
| //collection: 1. color modes with mode: dark mode | ||
| //bds color system | ||
| $base-white: mapcolorvariable('base-white'); | ||
| $base-black: mapcolorvariable('base-black'); | ||
| //Transparent | ||
| $base-transparent: mapcolorvariable('base-transparent'); | ||
| //brand primary | ||
| $brand-primary: mapcolorvariable('brand-primary'); | ||
@@ -419,3 +372,2 @@ $brand-primary-d10: mapcolorvariable('brand-primary-d10'); | ||
| //Text | ||
| $text-primary: mapcolorvariable('text-primary'); | ||
@@ -443,3 +395,2 @@ $text-primary-on-brand: mapcolorvariable('text-primary-on-brand'); | ||
| //background | ||
| $bg-primary: mapcolorvariable('bg-primary'); | ||
@@ -477,3 +428,2 @@ $bg-primary-alt: mapcolorvariable('bg-primary-alt'); | ||
| //border | ||
| $border-primary: mapcolorvariable('border-primary'); | ||
@@ -493,3 +443,2 @@ $border-primary-alt: mapcolorvariable('border-primary-alt'); | ||
| //foreground | ||
| $fg-primary: mapcolorvariable('fg-primary'); | ||
@@ -521,3 +470,2 @@ $fg-secondary: mapcolorvariable('fg-secondary'); | ||
| //utility helper | ||
| $utility-success: mapcolorvariable('utility-success'); | ||
@@ -539,3 +487,2 @@ $utility-info: mapcolorvariable('utility-info'); | ||
| //utility btn | ||
| $utility-info-border-color: mapcolorvariable('utility-info-border-color'); //brand color | ||
@@ -555,6 +502,4 @@ $utility-info-bg-color-hover: mapcolorvariable('utility-info-bg-color-hover'); | ||
| //utility states | ||
| $utility-content-bg-color-selected: mapcolorvariable('utility-content-bg-color-selected'); | ||
| //Message default | ||
| $utility-msg-color: mapcolorvariable('utility-msg-color'); | ||
@@ -578,3 +523,2 @@ $utility-msg-bg-color: mapcolorvariable('utility-msg-bg-color'); | ||
| //Message danger | ||
| $utility-msg-danger-color: mapcolorvariable('utility-msg-danger-color'); | ||
@@ -598,3 +542,2 @@ $utility-msg-danger-bg-color: mapcolorvariable('utility-msg-danger-bg-color'); | ||
| //Message success | ||
| $utility-msg-success-color: mapcolorvariable('utility-msg-success-color'); | ||
@@ -618,3 +561,2 @@ $utility-msg-success-bg-color: mapcolorvariable('utility-msg-success-bg-color'); | ||
| //Message warning | ||
| $utility-msg-warning-color: mapcolorvariable('utility-msg-warning-color'); | ||
@@ -638,3 +580,2 @@ $utility-msg-warning-bg-color: mapcolorvariable('utility-msg-warning-bg-color'); | ||
| //Message Info | ||
| $utility-msg-info-color: mapcolorvariable('utility-msg-info-color'); | ||
@@ -658,4 +599,2 @@ $utility-msg-info-bg-color: mapcolorvariable('utility-msg-info-bg-color'); | ||
| //app bar | ||
| //Light | ||
| $utility-appbar-bg-color-alt1: mapcolorvariable('utility-appbar-bg-color-alt1'); | ||
@@ -666,3 +605,2 @@ $utility-appbar-color-alt1: mapcolorvariable('utility-appbar-color-alt1'); | ||
| //dark | ||
| $utility-appbar-bg-color-alt2: mapcolorvariable('utility-appbar-bg-color-alt2'); | ||
@@ -673,3 +611,2 @@ $utility-appbar-color-alt2: mapcolorvariable('utility-appbar-color-alt2'); | ||
| //rating | ||
| $utility-rating-selected-color: mapcolorvariable('utility-rating-selected-color'); | ||
@@ -683,3 +620,2 @@ $utility-rating-unrated-color: mapcolorvariable('utility-rating-unrated-color'); | ||
| //avatar | ||
| $utility-avatar-border-color: mapcolorvariable('utility-avatar-border-color'); | ||
@@ -689,12 +625,6 @@ | ||
| //black | ||
| $black:$base-black; | ||
| //White | ||
| $white: $base-white; | ||
| //Transparent | ||
| $transparent: $base-transparent; | ||
| //cool-gray-color-variables | ||
| $cool-gray-25: $gray-25 !default; | ||
@@ -712,3 +642,2 @@ $cool-gray-50: $gray-50 !default; | ||
| //red-color-variables updated | ||
| $red-25: #fffbfa !default; | ||
@@ -726,3 +655,2 @@ $red-50: #fef3f2 !default; | ||
| //green-color-variables | ||
| $green-25: #f6fef9 !default; | ||
@@ -740,3 +668,2 @@ $green-50: #ecfdf3 !default; | ||
| //orange-color-variables | ||
| $orange-25: #fffcf5 !default; | ||
@@ -754,3 +681,2 @@ $orange-50: #fffaeb !default; | ||
| //cyan-color-variables | ||
| $cyan-25: #f5fbff !default; | ||
@@ -768,3 +694,2 @@ $cyan-50: #f0f9ff !default; | ||
| //indigo-color-variables | ||
| $indigo-25: #fcfaff !default; | ||
@@ -801,3 +726,2 @@ $indigo-50: #f9f5ff !default; | ||
| //backgroundcolor | ||
| $content-bg-color: $bg-primary !default; | ||
@@ -816,3 +740,2 @@ $content-bg-color-alt1: $bg-primary-alt !default; | ||
| $flyout-bg-color: $bg-secondary !default; | ||
| $flyout-bg-color-focus: $bg-tertiary !default; | ||
| $flyout-bg-color-hover: $gray-800 !default; | ||
@@ -825,3 +748,2 @@ $flyout-bg-color-selected: $bg-secondary-subtle !default; | ||
| //text-color | ||
| $content-text-color: $text-primary !default; | ||
@@ -843,3 +765,2 @@ $content-text-color-alt1: $text-secondary !default; | ||
| //icon-color | ||
| $icon-color: $gray-300 !default; | ||
@@ -850,3 +771,2 @@ $icon-color-hover: $gray-200 !default; | ||
| //border-color | ||
| $border-light: $border-secondary !default; | ||
@@ -865,3 +785,2 @@ $border: $border-primary !default; | ||
| //Tooltip | ||
| $tooltip-bg-color: $utility-tooltip-bg !default; | ||
@@ -871,3 +790,2 @@ $tooltip-border: $utility-tooltip-bg !default; | ||
| //shadow | ||
| $shadow-xs: 0 1px 2px 0 rgba($gray-900, .05) !default; | ||
@@ -892,10 +810,7 @@ $shadow: 0 1px 3px 0 rgba($gray-900, .1), 0 1px 2px 0 rgba($gray-900, .06) !default; | ||
| //shadow | ||
| $appbar-bottom-shadow: $shadow-none !default; | ||
| $appbar-top-shadow: $shadow-none !default; | ||
| //fontfamily | ||
| $font-family: 'Inter' !default; | ||
| //default font Size | ||
| $text-xxs: 10px !default; | ||
@@ -917,3 +832,2 @@ $text-xs: 12px !default; | ||
| //display | ||
| $display-xs:24px !default; | ||
@@ -926,3 +840,2 @@ $display-sm:30px !default; | ||
| //Line height | ||
| $leading-none: 1 !default; | ||
@@ -935,3 +848,2 @@ $leading-tight: 1.25 !default; | ||
| //font Weights | ||
| $font-weight-lighter: lighter !default; | ||
@@ -945,4 +857,2 @@ $font-weight-light: 300 !default; | ||
| //Secondary-button | ||
| $secondary-bg-color: $utility-secondary-bg-color !default; | ||
@@ -964,4 +874,2 @@ $secondary-border-color: $utility-secondary-border-color !default; | ||
| //Primary-button | ||
| $primary-bg-color: $primary !default; | ||
@@ -983,4 +891,2 @@ $primary-border-color: $primary !default; | ||
| //Success-button | ||
| $success-bg-color: $success-600 !default; | ||
@@ -1002,3 +908,2 @@ $success-border-color: $success-600 !default; | ||
| //Warning-button | ||
| $warning-bg-color: $warning-600 !default; | ||
@@ -1020,3 +925,2 @@ $warning-border-color: $warning-600 !default; | ||
| //danger-button | ||
| $danger-bg-color: $error-600 !default; | ||
@@ -1038,3 +942,2 @@ $danger-border-color: $error-600 !default; | ||
| //Info-button | ||
| $info-bg-color: $content-bg-color !default; | ||
@@ -1056,4 +959,2 @@ $info-border-color: $utility-info-border-color !default; | ||
| //chart series | ||
| $series-1: $gray-200; | ||
@@ -1087,9 +988,5 @@ $series-2: $gray-300; | ||
| //diagram Palette color | ||
| $diagram-palette-background: $base-white !default; | ||
| $diagram-palette-hover-background: $content-bg-color-hover !default; | ||
| //Message component | ||
| //Message default | ||
| $msg-color: $utility-msg-color !default; | ||
@@ -1113,3 +1010,2 @@ $msg-bg-color: $utility-msg-bg-color !default; | ||
| //Message danger | ||
| $msg-danger-color: $utility-msg-danger-color !default; | ||
@@ -1133,3 +1029,2 @@ $msg-danger-bg-color: $utility-msg-danger-bg-color !default; | ||
| //Message success | ||
| $msg-success-color: $utility-msg-success-color !default; | ||
@@ -1153,3 +1048,2 @@ $msg-success-bg-color: $utility-msg-success-bg-color !default; | ||
| //Message warning | ||
| $msg-warning-color: $utility-msg-warning-color !default; | ||
@@ -1173,3 +1067,2 @@ $msg-warning-bg-color: $utility-msg-warning-bg-color !default; | ||
| //Message Info | ||
| $msg-info-color: $utility-msg-info-color !default; | ||
@@ -1193,4 +1086,2 @@ $msg-info-bg-color: $utility-msg-info-bg-color !default; | ||
| //app bar | ||
| //Light | ||
| $appbar-bg-color-alt1: $utility-appbar-bg-color-alt1 !default; | ||
@@ -1201,3 +1092,2 @@ $appbar-color-alt1: $utility-appbar-color-alt1 !default; | ||
| //dark | ||
| $appbar-bg-color-alt2: $utility-appbar-bg-color-alt2 !default; | ||
@@ -1208,3 +1098,2 @@ $appbar-color-alt2: $utility-appbar-color-alt2 !default; | ||
| //rating | ||
| $rating-selected-color: $utility-rating-selected-color !default; | ||
@@ -1218,3 +1107,2 @@ $rating-unrated-color: $utility-rating-unrated-color !default; | ||
| //font-icons | ||
| $font-icon-8: 8px !default; | ||
@@ -1237,6 +1125,4 @@ $font-icon-9: 9px !default; | ||
| //avatar | ||
| $avatar-border-color: $utility-avatar-border-color !default; | ||
| //badge | ||
| $badge-primary-ghost-border-color:$brand-primary !default; | ||
@@ -1253,7 +1139,4 @@ $badge-primary-ghost-text-color: $brand-primary !default; | ||
| //Switch | ||
| $switch-off-handle-bg-color: $gray-200 !default; | ||
| $switch-disbled-handle-bg-color:$fg-disabled-subtle !default; | ||
| //chip | ||
| $chip-secondary-active-bg-color: $fg-senary !default; | ||
@@ -1264,10 +1147,1 @@ $chip-secondary-active-border-color: $fg-senary !default; | ||
| $gantt-active-parent-task-color: $brand-primary-d10 !default; | ||
| $font-family: 'Inter' !default; | ||
| $font-size: 12px !default; | ||
| $font-weight: normal !default; | ||
| $error-font-color: $danger !default; | ||
| $overlay-bg-color: rgba($cool-gray-500, .75) !default; | ||
| $warning-font-color: $orange-700 !default; | ||
| $success-font-color: $green-700 !default; | ||
| $information-font-color: $cyan-700 !default; |
@@ -1,16 +0,13 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
| $brand-primary: #0070f0 !default; | ||
| $brand-primary-darken-10: color.adjust($brand-primary, $lightness: -10%) !default; | ||
| $brand-primary-darken-15: color.adjust($brand-primary, $lightness: -20%) !default; | ||
| $brand-primary-darken-25: color.adjust($brand-primary, $lightness: -30%) !default; | ||
| $brand-primary-darken-35: color.adjust($brand-primary, $lightness: -40%) !default; | ||
| $brand-primary-lighten-10: color.adjust($brand-primary, $lightness: 10%) !default; | ||
| $brand-primary-lighten-15: color.adjust($brand-primary, $lightness: 15%) !default; | ||
| $brand-primary-lighten-20: color.adjust($brand-primary, $lightness: 20%) !default; | ||
| $brand-primary-lighten-30: color.adjust($brand-primary, $lightness: 30%) !default; | ||
| $brand-primary-lighten-40: color.adjust($brand-primary, $lightness: 40%) !default; | ||
| $brand-primary-darken-10: darken($brand-primary, 10%) !default; | ||
| $brand-primary-darken-15: darken($brand-primary, 20%) !default; | ||
| $brand-primary-darken-25: darken($brand-primary, 30%) !default; | ||
| $brand-primary-darken-35: darken($brand-primary, 40%) !default; | ||
| $brand-primary-lighten-10: lighten($brand-primary, 10%) !default; | ||
| $brand-primary-lighten-15: lighten($brand-primary, 15%) !default; | ||
| $brand-primary-lighten-20: lighten($brand-primary, 20%) !default; | ||
| $brand-primary-lighten-30: lighten($brand-primary, 30%) !default; | ||
| $brand-primary-lighten-40: lighten($brand-primary, 40%) !default; | ||
| $brand-primary-font: #fff !default; | ||
@@ -87,6 +84,6 @@ $gray-base: #1a1a1a !default; | ||
| $msg-danger-color: color.adjust($brand-danger, $lightness: 30%) !default; | ||
| $msg-danger-bg-color: color.adjust($brand-danger, $lightness: -25%) !default; | ||
| $msg-danger-border-color: color.adjust($brand-danger, $lightness: -22%) !default; | ||
| $msg-danger-color-alt1: color.adjust($brand-danger, $lightness: 20%) !default; | ||
| $msg-danger-color: lighten($brand-danger, 30%) !default; | ||
| $msg-danger-bg-color: darken($brand-danger, 25%) !default; | ||
| $msg-danger-border-color: darken($brand-danger, 22%) !default; | ||
| $msg-danger-color-alt1: lighten($brand-danger, 20%) !default; | ||
| $msg-danger-bg-color-alt1: transparent !default; | ||
@@ -98,3 +95,3 @@ $msg-danger-border-color-alt1: $brand-danger !default; | ||
| $msg-danger-icon-color: color.adjust($brand-danger, $lightness: 30%) !default; | ||
| $msg-danger-icon-color: lighten($brand-danger, 30%) !default; | ||
| $msg-danger-icon-color-alt1: $brand-danger !default; | ||
@@ -107,5 +104,5 @@ $msg-danger-icon-color-alt2: $gray-base !default; | ||
| $msg-success-color: color.adjust($brand-success, $lightness: 20%) !default; | ||
| $msg-success-bg-color: color.adjust($brand-success, $lightness: -25%) !default; | ||
| $msg-success-border-color: color.adjust($brand-success, $lightness: -20%) !default; | ||
| $msg-success-color: lighten($brand-success, 20%) !default; | ||
| $msg-success-bg-color: darken($brand-success, 25%) !default; | ||
| $msg-success-border-color: darken($brand-success, 20%) !default; | ||
| $msg-success-color-alt1: $brand-success !default; | ||
@@ -118,3 +115,3 @@ $msg-success-bg-color-alt1: transparent !default; | ||
| $msg-success-icon-color: color.adjust($brand-success, $lightness: 20%) !default; | ||
| $msg-success-icon-color: lighten($brand-success, 20%) !default; | ||
| $msg-success-icon-color-alt1: $brand-success !default; | ||
@@ -127,5 +124,5 @@ $msg-success-icon-color-alt2: $gray-base !default; | ||
| $msg-warning-color: color.adjust($brand-warning, $lightness: 20%) !default; | ||
| $msg-warning-bg-color: color.adjust($brand-warning, $lightness: -50%) !default; | ||
| $msg-warning-border-color: color.adjust($brand-warning, $lightness: -45%) !default; | ||
| $msg-warning-color: lighten($brand-warning, 20%) !default; | ||
| $msg-warning-bg-color: darken($brand-warning, 50%) !default; | ||
| $msg-warning-border-color: darken($brand-warning, 45%) !default; | ||
| $msg-warning-color-alt1: $brand-warning !default; | ||
@@ -146,5 +143,5 @@ $msg-warning-bg-color-alt1: transparent !default; | ||
| $msg-info-color: color.adjust($brand-info, $lightness: 35%) !default; | ||
| $msg-info-bg-color: color.adjust($brand-info, $lightness: -25%) !default; | ||
| $msg-info-border-color: color.adjust($brand-info, $lightness: -22%) !default; | ||
| $msg-info-color: lighten($brand-info, 35%) !default; | ||
| $msg-info-bg-color: darken($brand-info, 25%) !default; | ||
| $msg-info-border-color: darken($brand-info, 22%) !default; | ||
| $msg-info-color-alt1: $brand-info !default; | ||
@@ -217,4 +214,1 @@ $msg-info-bg-color-alt1: transparent !default; | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -206,4 +203,1 @@ | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -102,4 +99,4 @@ | ||
| $msg-warning-bg-color: #fff3cd !default; | ||
| $msg-warning-border-color: color.adjust($yellow, $lightness: 35%) !default; | ||
| $msg-warning-color-alt1: color.adjust($yellow, $lightness: -25%) !default; | ||
| $msg-warning-border-color: lighten($yellow, 35%) !default; | ||
| $msg-warning-color-alt1: darken($yellow, 25%) !default; | ||
| $msg-warning-bg-color-alt1: transparent !default; | ||
@@ -111,4 +108,4 @@ $msg-warning-border-color-alt1: $yellow !default; | ||
| $msg-warning-icon-color: color.adjust($yellow, $lightness: -25%) !default; | ||
| $msg-warning-icon-color-alt1: color.adjust($yellow, $lightness: -25%) !default; | ||
| $msg-warning-icon-color: darken($yellow, 25%) !default; | ||
| $msg-warning-icon-color-alt1: darken($yellow, 25%) !default; | ||
| $msg-warning-icon-color-alt2: $black !default; | ||
@@ -159,4 +156,1 @@ | ||
| $overlay-bg-color: #383838 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -10,7 +7,7 @@ | ||
| @function shade-color($color, $percentage) { | ||
| @return color.mix($black, $color, $percentage); | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return color.mix($white, $color, $percentage); | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
@@ -43,6 +40,6 @@ | ||
| $secondary: $gray-600 !default; | ||
| $success: color.adjust($green, $lightness: 10%) !default; | ||
| $success: lighten($green, 10%) !default; | ||
| $info: $cyan !default; | ||
| $warning: $yellow !default; | ||
| $danger: color.adjust($red, $lightness: 10%) !default; | ||
| $danger: lighten($red, 10%) !default; | ||
| $success-light: tint-color($success, 80%) !default; | ||
@@ -55,13 +52,13 @@ $info-light: tint-color($info, 80%) !default; | ||
| $primary-lighter: shade-color($primary, 80%) !default; | ||
| $success-dark: color.adjust($success, $lightness: -10%) !default; | ||
| $info-dark: color.adjust($info, $lightness: -25%) !default; | ||
| $warning-dark: color.adjust($warning, $lightness: -25%) !default; | ||
| $danger-dark: color.adjust($danger, $lightness: -10%) !default; | ||
| $success-light-alt: color.adjust($green, $lightness: -20%) !default; | ||
| $info-light-alt: color.adjust($cyan, $lightness: -25%) !default; | ||
| $warning-light-alt: color.adjust($yellow, $lightness: -20%) !default; | ||
| $danger-light-alt: color.adjust($red, $lightness: -25%) !default; | ||
| $success-dark: darken($success, 10%) !default; | ||
| $info-dark: darken($info, 25%) !default; | ||
| $warning-dark: darken($warning, 25%) !default; | ||
| $danger-dark: darken($danger, 10%) !default; | ||
| $success-light-alt: darken($green, 20%) !default; | ||
| $info-light-alt: darken($cyan, 25%) !default; | ||
| $warning-light-alt: darken($yellow, 20%) !default; | ||
| $danger-light-alt: darken($red, 25%) !default; | ||
| $content-bg-color: $gray-900 !default; | ||
| $content-bg-color-alt1: color.adjust($gray-900, $lightness: -3%) !default; | ||
| $content-bg-color-alt1: lighten($gray-900, 3%) !default; | ||
| $content-bg-color-alt2: $gray-800 !default; | ||
@@ -71,3 +68,3 @@ $content-bg-color-alt3: $gray-700 !default; | ||
| $content-bg-color-alt5: $gray-500 !default; | ||
| $content-bg-color-hover: color.adjust($content-bg-color, $lightness: 7%) !default; | ||
| $content-bg-color-hover: lighten($content-bg-color, 7%) !default; | ||
| $content-bg-color-pressed: $gray-700 !default; | ||
@@ -79,3 +76,3 @@ $content-bg-color-focus: $content-bg-color-hover !default; | ||
| $flyout-bg-color: $gray-800 !default; | ||
| $flyout-bg-color-hover: color.adjust($flyout-bg-color, $lightness: 7%) !default; | ||
| $flyout-bg-color-hover: lighten($flyout-bg-color, 7%) !default; | ||
| $flyout-bg-color-pressed: $primary !default; | ||
@@ -85,5 +82,5 @@ $flyout-bg-color-focus: $flyout-bg-color-hover !default; | ||
| $overlay-bg-color: rgba($black, .4) !default; | ||
| $table-bg-color-hover: color.adjust($content-bg-color, $lightness: 7%) !default; | ||
| $table-bg-color-hover: lighten($content-bg-color, 7%) !default; | ||
| $table-bg-color-pressed: $gray-700 !default; | ||
| $table-bg-color-selected: color.adjust($content-bg-color, $lightness: 12%) !default; | ||
| $table-bg-color-selected: lighten($content-bg-color, 12%) !default; | ||
@@ -107,3 +104,3 @@ $colorpicker-gradient-1: #f00 !default; | ||
| $content-text-color-alt2: $gray-400 !default; | ||
| $content-text-color-alt3: color.adjust($gray-600, $lightness: 6%) !default; | ||
| $content-text-color-alt3: lighten($gray-600, 6%) !default; | ||
| $content-text-color-hover: $white !default; | ||
@@ -129,3 +126,3 @@ $content-text-color-pressed: $white !default; | ||
| $border-light: color.adjust($gray-800, $lightness: 7%) !default; | ||
| $border-light: lighten($gray-800, 7%) !default; | ||
| $border: $gray-600 !default; | ||
@@ -139,5 +136,5 @@ $border-dark: $gray-500 !default; | ||
| $border-disabled: $border-light !default; | ||
| $border-warning: color.adjust($yellow, $lightness: 10%) !default; | ||
| $border-error: color.adjust($red, $lightness: 10%) !default; | ||
| $border-success: color.adjust($green, $lightness: 10%) !default; | ||
| $border-warning: lighten($yellow, 10%) !default; | ||
| $border-error: lighten($red, 10%) !default; | ||
| $border-success: lighten($green, 10%) !default; | ||
| $spreadsheet-gridline: $gray-300 !default; | ||
@@ -300,8 +297,8 @@ | ||
| $primary-outline: color.adjust($primary, $lightness: 10%) !default; | ||
| $secondary-outline: color.adjust($secondary, $lightness: 10%) !default; | ||
| $warning-outline: color.adjust($warning, $lightness: 10%) !default; | ||
| $danger-outline: color.adjust($danger, $lightness: 10%) !default; | ||
| $success-outline: color.adjust($success, $lightness: 10%) !default; | ||
| $info-outline: color.adjust($info, $lightness: 10%) !default; | ||
| $primary-outline: lighten($primary, 10%) !default; | ||
| $secondary-outline: lighten($secondary, 10%) !default; | ||
| $warning-outline: lighten($warning, 10%) !default; | ||
| $danger-outline: lighten($danger, 10%) !default; | ||
| $success-outline: lighten($success, 10%) !default; | ||
| $info-outline: lighten($info, 10%) !default; | ||
@@ -328,3 +325,3 @@ $series-1: $gray-800; | ||
| $msg-bg-color: #3b4248 !default; | ||
| $msg-border-color: color.adjust($gray-800, $lightness: 7%) !default; | ||
| $msg-border-color: lighten($gray-800, 7%) !default; | ||
| $msg-color-alt1: $white !default; | ||
@@ -334,3 +331,3 @@ $msg-bg-color-alt1: $transparent !default; | ||
| $msg-color-alt2: $white !default; | ||
| $msg-bg-color-alt2: color.adjust($gray-800, $lightness: 7%) !default; | ||
| $msg-bg-color-alt2: lighten($gray-800, 7%) !default; | ||
| $msg-border-color-alt2: $msg-bg-color-alt2 !default; | ||
@@ -346,14 +343,14 @@ | ||
| $msg-danger-color: color.adjust($red, $lightness: 40%) !default; | ||
| $msg-danger-bg-color: color.adjust($red, $lightness: -30%) !default; | ||
| $msg-danger-border-color: color.adjust($red, $lightness: -30%) !default; | ||
| $msg-danger-color-alt1: color.adjust($red, $lightness: 10%) !default; | ||
| $msg-danger-color: lighten($red, 40%) !default; | ||
| $msg-danger-bg-color: darken($red, 30%) !default; | ||
| $msg-danger-border-color: darken($red, 30%) !default; | ||
| $msg-danger-color-alt1: lighten($red, 10%) !default; | ||
| $msg-danger-bg-color-alt1: $transparent !default; | ||
| $msg-danger-border-color-alt1: color.adjust($red, $lightness: 10%) !default; | ||
| $msg-danger-border-color-alt1: lighten($red, 10%) !default; | ||
| $msg-danger-color-alt2: $gray-900 !default; | ||
| $msg-danger-bg-color-alt2: color.adjust($red, $lightness: 10%) !default; | ||
| $msg-danger-border-color-alt2: color.adjust($red, $lightness: 10%) !default; | ||
| $msg-danger-bg-color-alt2: lighten($red, 10%) !default; | ||
| $msg-danger-border-color-alt2: lighten($red, 10%) !default; | ||
| $msg-danger-icon-color: color.adjust($red, $lightness: 40%) !default; | ||
| $msg-danger-icon-color-alt1: color.adjust($red, $lightness: 10%) !default; | ||
| $msg-danger-icon-color: lighten($red, 40%) !default; | ||
| $msg-danger-icon-color-alt1: lighten($red, 10%) !default; | ||
| $msg-danger-icon-color-alt2: $gray-900 !default; | ||
@@ -366,13 +363,13 @@ | ||
| $msg-success-color: #2ed889 !default; | ||
| $msg-success-bg-color: color.adjust($green, $lightness: -20%) !default; | ||
| $msg-success-border-color: color.adjust($green, $lightness: -18%) !default; | ||
| $msg-success-color-alt1: color.adjust($green, $lightness: 10%) !default; | ||
| $msg-success-bg-color: darken($green, 20%) !default; | ||
| $msg-success-border-color: darken($green, 18%) !default; | ||
| $msg-success-color-alt1: lighten($green, 10%) !default; | ||
| $msg-success-bg-color-alt1: $transparent !default; | ||
| $msg-success-border-color-alt1: color.adjust($green, $lightness: 10%) !default; | ||
| $msg-success-border-color-alt1: lighten($green, 10%) !default; | ||
| $msg-success-color-alt2: $gray-900 !default; | ||
| $msg-success-bg-color-alt2: color.adjust($green, $lightness: 10%) !default; | ||
| $msg-success-border-color-alt2: color.adjust($green, $lightness: 10%) !default; | ||
| $msg-success-bg-color-alt2: lighten($green, 10%) !default; | ||
| $msg-success-border-color-alt2: lighten($green, 10%) !default; | ||
| $msg-success-icon-color: #2ed889 !default; | ||
| $msg-success-icon-color-alt1: color.adjust($green, $lightness: 10%) !default; | ||
| $msg-success-icon-color-alt1: lighten($green, 10%) !default; | ||
| $msg-success-icon-color-alt2: $gray-900 !default; | ||
@@ -384,5 +381,5 @@ | ||
| $msg-warning-color: color.adjust($yellow, $lightness: 35%) !default; | ||
| $msg-warning-bg-color: color.adjust($yellow, $lightness: -25%) !default; | ||
| $msg-warning-border-color: color.adjust($yellow, $lightness: -22%) !default; | ||
| $msg-warning-color: lighten($yellow, 35%) !default; | ||
| $msg-warning-bg-color: darken($yellow, 25%) !default; | ||
| $msg-warning-border-color: darken($yellow, 22%) !default; | ||
| $msg-warning-color-alt1: $yellow !default; | ||
@@ -403,5 +400,5 @@ $msg-warning-bg-color-alt1: $transparent !default; | ||
| $msg-info-color: color.adjust($cyan, $lightness: 25%) !default; | ||
| $msg-info-bg-color: color.adjust($cyan, $lightness: -30%) !default; | ||
| $msg-info-border-color: color.adjust($cyan, $lightness: -27%) !default; | ||
| $msg-info-color: lighten($cyan, 25%) !default; | ||
| $msg-info-bg-color: darken($cyan, 30%) !default; | ||
| $msg-info-border-color: darken($cyan, 27%) !default; | ||
| $msg-info-color-alt1: $cyan !default; | ||
@@ -441,3 +438,3 @@ $msg-info-bg-color-alt1: $transparent !default; | ||
| $rating-unrated-hover-color: $primary !default; | ||
| $rating-pressed-color: color.adjust($primary, $lightness: 15%) !default; | ||
| $rating-pressed-color: lighten($primary, 15%) !default; | ||
@@ -465,35 +462,32 @@ $font-icon-8: 8px !default; | ||
| $warning-font-color: $yellow !default; | ||
| $success-font-color: color.adjust($green, $lightness: 10%) !default; | ||
| $success-font-color: lighten($green, 10%) !default; | ||
| $information-font-color: $cyan !default; | ||
| $accordion-text-active-color: tint-color($primary, 40%) !default; | ||
| $badge-primary-bg-color-darken: color.adjust($primary, $lightness: -10%); | ||
| $badge-secondary-bg-color-darken: color.adjust($content-bg-color-alt1, $lightness: -10%); | ||
| $badge-success-bg-color-darken: color.adjust($success-light, $lightness: -10%); | ||
| $badge-danger-bg-color-darken: color.adjust($danger-light, $lightness: -10%); | ||
| $badge-warning-bg-color-darken: color.adjust($warning-light, $lightness: -10%); | ||
| $badge-info-bg-color-darken: color.adjust($info-light, $lightness: -10%); | ||
| $badge-light-bg-color-darken: color.adjust($content-bg-color-alt2, $lightness: -10%); | ||
| $badge-dark-bg-color-darken: color.adjust($content-text-color-alt2, $lightness: -10%); | ||
| $breadcrumb-item-hover-color: color.adjust($primary-outline, $lightness: -10%); | ||
| $breadcrumb-item-active-color: color.adjust($primary-outline, $lightness: -15%); | ||
| $breadcrumb-item-focus-border-color: color.adjust($primary-outline, $lightness: -10%); | ||
| $calendar-yeardecade-selected-hover-bg: color.adjust($primary-bg-color, $lightness: -10%); | ||
| $calendar-active-hover-bg-color: color.adjust($primary-bg-color, $lightness: -10%); | ||
| $tab-alt-wrap-hover-color: color.adjust($secondary, $lightness: -15%); | ||
| $treeview-item-active-hover-bg: color.adjust($content-bg-color-selected, $lightness: -5%); | ||
| $de-style-btn-bg-color: color.adjust($secondary-bg-color, $lightness: -7.5%); | ||
| $de-toggle-border-color: color.adjust($secondary-bg-color, $lightness: -12.5%); | ||
| $de-toggle-hover-color: color.adjust($secondary-bg-color, $lightness: -7.5%); | ||
| $de-toggle-border-hover-color: color.adjust($secondary-bg-color, $lightness: -10%); | ||
| $de-toggle-disabled-color: color.adjust($secondary-bg-color, $lightness: 65%); | ||
| $connector-point-hover-color: color.adjust($primary, $lightness: -10%); | ||
| $gantt-connected-task: color.adjust($primary, $lightness: -20%); | ||
| $gantt-active-parent-task: color.adjust($warning-text, $lightness: 10%); | ||
| $schedule-hover-bg-color: color.adjust($content-bg-color-alt1, $lightness: -2%); | ||
| $timepicker-active-border-color: color.adjust($gray-600, $lightness: -10%); | ||
| $hdr-selection-border-color: color.adjust($border-light, $lightness: -8%); | ||
| $link-color: color.adjust($primary, $lightness: 9%); | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; | ||
| $badge-primary-bg-color-darken: darken($primary, 10%); | ||
| $badge-secondary-bg-color-darken: darken($content-bg-color-alt1, 10%); | ||
| $badge-success-bg-color-darken: darken($success-light, 10%); | ||
| $badge-danger-bg-color-darken: darken($danger-light, 10%); | ||
| $badge-warning-bg-color-darken: darken($warning-light, 10%); | ||
| $badge-info-bg-color-darken: darken($info-light, 10%); | ||
| $badge-light-bg-color-darken: darken($content-bg-color-alt2, 10%); | ||
| $badge-dark-bg-color-darken: darken($content-text-color-alt2, 10%); | ||
| $breadcrumb-item-hover-color: darken($primary-outline, 10%); | ||
| $breadcrumb-item-active-color: darken($primary-outline, 15%); | ||
| $breadcrumb-item-focus-border-color: darken($primary-outline, 10%); | ||
| $calendar-yeardecade-selected-hover-bg: darken($primary-bg-color, 10%); | ||
| $calendar-active-hover-bg-color: darken($primary-bg-color, 10%); | ||
| $tab-alt-wrap-hover-color: darken($secondary, 15%); | ||
| $treeview-item-active-hover-bg: darken($content-bg-color-selected, 5%); | ||
| $de-style-btn-bg-color: darken($secondary-bg-color, 7.5%); | ||
| $de-toggle-border-color: darken($secondary-bg-color, 12.5%); | ||
| $de-toggle-hover-color: darken($secondary-bg-color, 7.5%); | ||
| $de-toggle-border-hover-color: darken($secondary-bg-color, 10%); | ||
| $de-toggle-disabled-color: lighten($secondary-bg-color, 65%); | ||
| $connector-point-hover-color: darken($primary, 10%); | ||
| $gantt-connected-task: lighten($primary, 20%); | ||
| $gantt-active-parent-task: lighten($warning-text, 10%); | ||
| $schedule-hover-bg-color: darken($content-bg-color-alt1, 2%); | ||
| $timepicker-active-border-color: darken($gray-600, 10%); | ||
| $hdr-selection-border-color: darken($border-light, 8%); | ||
| $link-color: lighten($primary, 9%); |
@@ -1,51 +0,36 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
| @function mapcolorvariable($pallete-name){ | ||
| @return var(#{'--color-sf-'+ $pallete-name}); | ||
| } | ||
| @function shade-color($color, $percentage) { | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
| :root{ | ||
| :root { | ||
| --color-sf-content-bg-color: #212529; | ||
| --color-sf-content-bg-color-alt1: #2b3035; | ||
| --color-sf-content-bg-color-alt1: #282d31; | ||
| --color-sf-content-bg-color-alt2: #343a40; | ||
| --color-sf-content-bg-color-alt3: #495057; | ||
| --color-sf-content-bg-color-alt4: #1a1d20; | ||
| --color-sf-content-bg-color-alt3: #dee2e6; | ||
| --color-sf-content-bg-color-alt4: #6c757d; | ||
| --color-sf-content-bg-color-alt5: #adb5bd; | ||
| --color-sf-content-bg-color-hover: #2b3035; | ||
| --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt2); | ||
| --color-sf-content-bg-color-hover: #31373d; | ||
| --color-sf-content-bg-color-pressed: var(--color-sf-content-bg-color-alt3); | ||
| --color-sf-content-bg-color-focus: var(--color-sf-content-bg-color-hover); | ||
| --color-sf-content-bg-color-selected: #0d6efd; | ||
| --color-sf-content-bg-color-dragged: #343a40; | ||
| --color-sf-content-bg-color-disabled: var(--color-sf-content-bg-color-alt2); | ||
| --color-sf-flyout-bg-color: #212529; | ||
| --color-sf-flyout-bg-color-hover: #2b3035; | ||
| --color-sf-content-bg-color-disabled: var(--color-sf-content-bg-color); | ||
| --color-sf-flyout-bg-color: #343a40; | ||
| --color-sf-flyout-bg-color-hover: #444c54; | ||
| --color-sf-flyout-bg-color-pressed: #0d6efd; | ||
| --color-sf-flyout-bg-color-focus: #2b3035; | ||
| --color-sf-overlay-bg-color: rgba(0, 0, 0, .4); | ||
| --color-sf-table-bg-color-hover: rgba(255, 255, 255, .07); | ||
| --color-sf-table-bg-color-pressed: var(--color-sf-content-bg-color-alt3); | ||
| --color-sf-table-bg-color-selected: rgba(255, 255, 255, .1); | ||
| --color-sf-flyout-bg-color-focus: #444c54; | ||
| --color-sf-overlay-bg-color: rgba(#000000, .4); | ||
| --color-sf-table-bg-color-hover: var(--color-sf-content-bg-color-hover); | ||
| --color-sf-table-bg-color-pressed: var(--color-sf-content-bg-color-pressed); | ||
| --color-sf-table-bg-color-selected: #3c444b; | ||
| // text-color | ||
| --color-sf-content-text-color: #dee2e6; | ||
| --color-sf-content-text-color-alt1: rgba(222, 226, 230, .75); | ||
| --color-sf-content-text-color-alt2: rgba(222, 226, 230, .5); | ||
| --color-sf-content-text-color-alt3: rgba(222, 226, 230, .25); | ||
| --color-sf-content-text-color-hover: #fff; | ||
| --color-sf-content-text-color: #ffffff; | ||
| --color-sf-content-text-color-alt1: #e9ecef; | ||
| --color-sf-content-text-color-alt2: #ced4da; | ||
| --color-sf-content-text-color-alt3: #7b848d; | ||
| --color-sf-content-text-color-hover: var(--color-sf-content-text-color); | ||
| --color-sf-content-text-color-pressed: var(--color-sf-content-text-color); | ||
| --color-sf-content-text-color-focus: #fff; | ||
| --color-sf-content-text-color-focus: var(--color-sf-content-text-color); | ||
| --color-sf-content-text-color-selected: var(--color-sf-primary-text-color); | ||
| --color-sf-content-text-color-dragged: #fff; | ||
| --color-sf-content-text-color-disabled: rgba(222, 226, 230, .75); | ||
| --color-sf-content-text-color-dragged: var(--color-sf-content-text-color); | ||
| --color-sf-content-text-color-disabled: #6c757d; | ||
| --color-sf-placeholder-text-color: #6c757d; | ||
@@ -56,3 +41,2 @@ --color-sf-flyout-text-color: var(--color-sf-content-text-color); | ||
| --color-sf-flyout-text-color-focus: var(--color-sf-content-text-color); | ||
| --color-sf-flyout-text-color-disabled: rgba(222, 226, 230, .5); | ||
| --color-sf-table-text-color-hover: var(--color-sf-content-text-color); | ||
@@ -67,57 +51,67 @@ --color-sf-table-text-color-pressed: var(--color-sf-content-text-color); | ||
| --color-sf-icon-color-disabled: #adb5bd; | ||
| // close-icon-color | ||
| --color-sf-close-icon-color: rgba(255, 255, 255, .5); | ||
| --color-sf-close-icon-color-hover: rgba(255, 255, 255, .75); | ||
| --color-sf-close-icon-color-pressed: rgba(255, 255, 255, 1); | ||
| --color-sf-close-icon-color-disabled: rgba(255, 255, 255, .25); | ||
| // border-color | ||
| --color-sf-border-light: #495057; | ||
| --color-sf-border: #495057; | ||
| --color-sf-border-dark: #6c757d; | ||
| --color-sf-border: #6c757d; | ||
| --color-sf-border-dark: #adb5bd; | ||
| --color-sf-border-hover: #495057; | ||
| --color-sf-border-pressed: #495057; | ||
| --color-sf-border-focus: #86d7fe; | ||
| --color-sf-border-selected: #86d7fe; | ||
| --color-sf-border-dragged: #495057; | ||
| --color-sf-border-disabled: #495057; | ||
| --color-sf-border-warning: #ffda6a; | ||
| --color-sf-border-error: #ea868f; | ||
| --color-sf-border-success: #75b798; | ||
| --color-sf-border-pressed: #6c757d; | ||
| --color-sf-border-focus: var(--color-sf-border-hover); | ||
| --color-sf-border-selected: var(--color-sf-border); | ||
| --color-sf-border-dragged: var(--color-sf-border); | ||
| --color-sf-border-disabled: var(--color-sf-border-light); | ||
| --color-sf-border-warning: #ffca2b; | ||
| --color-sf-border-error: #eb8c95; | ||
| --color-sf-border-success: #2ed889; | ||
| --color-sf-spreadsheet-gridline: #dee2e6; | ||
| --color-sf-flyout-border: rgba(255, 255, 255, .15); | ||
| --color-sf-flyout-border: var(--color-sf-border-hover); | ||
| //sf Variables | ||
| --color-sf-primary: rgba(13, 110, 253, 1); | ||
| --color-sf-primary-text-color: #fff; | ||
| --color-sf-primary: #0d6efd; | ||
| --color-sf-primary-text-color: #ffffff; | ||
| --color-sf-primary-light: #86b7fe; | ||
| --color-sf-primary-lighter: #031633; | ||
| --color-sf-primary-dark: #073ba6; | ||
| --color-sf-primary-darker: #6ea8fe; | ||
| --color-sf-secondary: rgba(108, 117, 125, 1); | ||
| --color-sf-success: rgba(25, 135, 84, 1); | ||
| --color-sf-info: rgba(13, 202, 240, 1); | ||
| --color-sf-warning: rgba(255, 193, 7, 1); | ||
| --color-sf-danger: rgba(220, 53, 69, 1); | ||
| --color-sf-success-light: #75b798; | ||
| --color-sf-info-light: #6edff6; | ||
| --color-sf-warning-light: #ffda6a; | ||
| --color-sf-danger-light: #ea868f; | ||
| --color-sf-success-dark: #75b798; | ||
| --color-sf-info-dark: #6edff6; | ||
| --color-sf-warning-dark: #ffda6a; | ||
| --color-sf-danger-dark: #ea868f; | ||
| --color-sf-success-light-alt: #051b11; | ||
| --color-sf-info-light-alt: #032830; | ||
| --color-sf-warning-light-alt: #332701; | ||
| --color-sf-danger-light-alt: #2c0b0e; | ||
| --color-sf-primary-shadow: 13, 110, 253; | ||
| --color-sf-secondary-shadow: 108, 117, 125; | ||
| --color-sf-success-shadow: 25, 135, 84; | ||
| --color-sf-info-shadow: 13, 202, 240; | ||
| --color-sf-warning-shadow: 255, 193, 7; | ||
| --color-sf-danger-shadow: 220, 53, 69; | ||
| --color-sf-black: 0, 0, 0; | ||
| --color-sf-white: 255, 255, 255; | ||
| --color-sf-secondary: #6c757d; | ||
| --color-sf-success: #21b26f; | ||
| --color-sf-info: #0dcaf0; | ||
| --color-sf-warning: #ffc107; | ||
| --color-sf-danger: #e4606d; | ||
| --color-sf-success-light: #d1e7dd; | ||
| --color-sf-info-light: #cff4fc; | ||
| --color-sf-warning-light: #fff3cd; | ||
| --color-sf-danger-light: #f8d7da; | ||
| --color-sf-success-dark: #115c39; | ||
| --color-sf-info-dark: #066477; | ||
| --color-sf-warning-dark: #866500; | ||
| --color-sf-danger-dark: #bd2130; | ||
| --color-sf-success-light-alt: #09311e; | ||
| --color-sf-info-light-alt: #066477; | ||
| --color-sf-warning-light-alt: #a07e00; | ||
| --color-sf-danger-light-alt: #7c151f; | ||
| --color-sf-badge-primary-bg-color-darken: darken($primary, 10%); | ||
| --color-sf-badge-secondary-bg-color-darken: darken($content-bg-color-alt1, 10%); | ||
| --color-sf-badge-success-bg-color-darken: darken($success-light, 10%); | ||
| --color-sf-badge-danger-bg-color-darken: darken($danger-light, 10%); | ||
| --color-sf-badge-warning-bg-color-darken: darken($warning-light, 10%); | ||
| --color-sf-badge-info-bg-color-darken: darken($info-light, 10%); | ||
| --color-sf-badge-light-bg-color-darken: darken($content-bg-color-alt2, 10%); | ||
| --color-sf-badge-dark-bg-color-darken: darken($content-text-color-alt2, 10%); | ||
| --color-sf-breadcrumb-item-hover-color: darken($primary-outline, 10%); | ||
| --color-sf-breadcrumb-item-active-color: darken($primary-outline, 15%); | ||
| --color-sf-breadcrumb-item-focus-border-color: darken($primary-outline, 10%); | ||
| --color-sf-calendar-yeardecade-selected-hover-bg: darken(primary-bg-color, 10%); | ||
| --color-sf-calendar-active-hover-bg-color: darken($primary-bg-color, 10%); | ||
| --color-sf-tab-alt-wrap-hover-color: darken($secondary, 15%); | ||
| --color-sf-treeview-item-active-hover-bg: darken($content-bg-color-selected, 5%); | ||
| --color-sf-de-style-btn-bg-color: darken($secondary-bg-color, 7.5%); | ||
| --color-sf-de-toggle-border-color: darken($secondary-bg-color, 12.5%); | ||
| --color-sf-de-toggle-hover-color: darken($secondary-bg-color, 7.5%); | ||
| --color-sf-de-toggle-border-hover-color: darken($secondary-bg-color, 10%); | ||
| --color-sf-de-toggle-disabled-color: lighten($secondary-bg-color, 65%); | ||
| --color-sf-connector-point-hover-color: darken($primary, 10%); | ||
| --color-sf-gantt-connected-task: lighten($primary, 20%); | ||
| --color-sf-gantt-active-parent-task: lighten($warning-text, 10%); | ||
| --color-sf-schedule-hover-bg-color: darken($content-bg-color-alt1, 2%); | ||
| --color-sf-timepicker-active-border-color: darken($gray-600, 10%); | ||
| --color-sf-hdr-selection-border-color: darken($border-light, 8%); | ||
@@ -132,3 +126,3 @@ // Primary-button | ||
| --color-sf-primary-bg-color-pressed: #0a58ca; | ||
| --color-sf-primary-border-color-pressed: #0a58ca; | ||
| --color-sf-primary-border-color-pressed: #0a53be; | ||
| --color-sf-primary-text-pressed: var(--color-sf-primary-text-color); | ||
@@ -145,3 +139,3 @@ --color-sf-primary-bg-color-focus: var(--color-sf-primary-bg-color-hover); | ||
| --color-sf-secondary-border-color: var(--color-sf-secondary-bg-color); | ||
| --color-sf-secondary-text-color: #fff; | ||
| --color-sf-secondary-text-color: #ffffff; | ||
| --color-sf-secondary-bg-color-hover: #5c636a; | ||
@@ -163,3 +157,3 @@ --color-sf-secondary-border-color-hover: #565e64; | ||
| --color-sf-success-border-color: var(--color-sf-success-bg-color); | ||
| --color-sf-success-text: #fff; | ||
| --color-sf-success-text: #ffffff; | ||
| --color-sf-success-bg-color-hover: #157347; | ||
@@ -169,3 +163,3 @@ --color-sf-success-border-color-hover: #146c43; | ||
| --color-sf-success-bg-color-pressed: #146c43; | ||
| --color-sf-success-border-color-pressed: #15803d; | ||
| --color-sf-success-border-color-pressed: #13653f; | ||
| --color-sf-success-text-pressed: var(--color-sf-success-text); | ||
@@ -182,3 +176,3 @@ --color-sf-success-bg-color-focus: var(--color-sf-success-bg-color-hover); | ||
| --color-sf-warning-border-color: var(--color-sf-warning-bg-color); | ||
| --color-sf-warning-text: #000; | ||
| --color-sf-warning-text: #000000; | ||
| --color-sf-warning-bg-color-hover: #ffca2c; | ||
@@ -200,3 +194,3 @@ --color-sf-warning-border-color-hover: #ffc720; | ||
| --color-sf-info-border-color: var(--color-sf-info-bg-color); | ||
| --color-sf-info-text: #000; | ||
| --color-sf-info-text: #000000; | ||
| --color-sf-info-bg-color-hover: #31d2f2; | ||
@@ -218,3 +212,3 @@ --color-sf-info-border-color-hover: #25cff2; | ||
| --color-sf-danger-border-color: var(--color-sf-danger-bg-color); | ||
| --color-sf-danger-text: #fff; | ||
| --color-sf-danger-text: #ffffff; | ||
| --color-sf-danger-bg-color-hover: #bb2d3b; | ||
@@ -234,37 +228,36 @@ --color-sf-danger-border-color-hover: #b02a37; | ||
| //Outline button | ||
| --color-sf-primary-outline: var(--color-sf-primary-bg-color); | ||
| --color-sf-secondary-outline: var(--color-sf-secondary-bg-color); | ||
| --color-sf-warning-outline: var(--color-sf-warning-bg-color); | ||
| --color-sf-danger-outline: var(--color-sf-danger-bg-color); | ||
| --color-sf-success-outline: var(--color-sf-success-bg-color); | ||
| --color-sf-info-outline: var(--color-sf-info-bg-color); | ||
| --color-sf-primary-outline: #408cfd; | ||
| --color-sf-secondary-outline: #868e96; | ||
| --color-sf-warning-outline: #ffce3a; | ||
| --color-sf-danger-outline: #eb8c95; | ||
| --color-sf-success-outline: #2ed889; | ||
| --color-sf-info-outline: #3cd5f4; | ||
| // Tooltip | ||
| --color-sf-tooltip-bg-color: rgba(255, 255, 255, .9); | ||
| --color-sf-tooltip-bg-color: #e9ecef; | ||
| --color-sf-tooltip-border: var(--color-sf-tooltip-bg-color); | ||
| --color-sf-tooltip-text-color: #212529; | ||
| --color-sf-toooltip-text-color: #212529; | ||
| //Light | ||
| --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt1); | ||
| --color-sf-appbar-bg-color-alt1: var(--color-sf-content-bg-color-alt2); | ||
| --color-sf-appbar-color-alt1: var(--color-sf-content-text-color); | ||
| --color-sf-appbar-border-color-alt1: var(--color-sf-appbar-bg-color-alt1); | ||
| --color-sf-appbar-hover-bg-color-alt1: transparent; | ||
| --color-sf-appbar-hover-bg-color-alt1: $transparent; | ||
| //dark | ||
| --color-sf-appbar-bg-color-alt2: #dee2e6; | ||
| --color-sf-appbar-bg-color-alt2: var(--color-sf-content-bg-color-alt3); | ||
| --color-sf-appbar-color-alt2: #212529; | ||
| --color-sf-appbar-border-color-alt2: var(--color-sf-appbar-bg-color-alt2); | ||
| --color-sf-appbar-hover-bg-color-alt2: transparent; | ||
| --color-sf-appbar-hover-bg-color-alt2: $transparent; | ||
| //diagram Palette color | ||
| --color-sf-diagram-palette-background: #dee2e6; | ||
| --color-sf-diagram-palette-background: var(--color-sf-content-bg-color-alt3); | ||
| --color-sf-diagram-palette-hover-background: #ced4da; | ||
| --color-sf-diagram-palette-selected-color: #abb5bd; | ||
| //rating | ||
| --color-sf-rating-selected-color: var(--color-sf-primary); | ||
| --color-sf-rating-unrated-color: #adb5bd; | ||
| --color-sf-rating-selected-disabled-color: #6c757d; | ||
| --color-sf-rating-unrated-disabled-color: #495057; | ||
| --color-sf-rating-selected-hover-color: #adb5bd; | ||
| --color-sf-rating-unrated-color: var(--color-sf-content-bg-color-alt5); | ||
| --color-sf-rating-selected-disabled-color: var(--color-sf-content-bg-color-alt4); | ||
| --color-sf-rating-unrated-disabled-color: var(--color-sf-content-bg-color-alt3); | ||
| --color-sf-rating-selected-hover-color: var(--color-sf-content-bg-color-alt5); | ||
| --color-sf-rating-unrated-hover-color: var(--color-sf-primary); | ||
@@ -274,488 +267,101 @@ --color-sf-rating-pressed-color: #599bfe; | ||
| //Message default | ||
| --color-sf-msg-color: #a7acb1; | ||
| --color-sf-msg-bg-color: #161719; | ||
| --color-sf-msg-border-color: #41464b; | ||
| --color-sf-msg-color-alt1: var(--color-sf-msg-color); | ||
| --color-sf-msg-bg-color-alt1: transparent; | ||
| --color-sf-msg-border-color-alt1: var(--color-sf-msg-border-color); | ||
| --color-sf-msg-color-alt2: #fff; | ||
| --color-sf-msg-bg-color-alt2: #6c757d; | ||
| --color-sf-msg-color: #ffffff; | ||
| --color-sf-msg-bg-color: #3b4248; | ||
| --color-sf-msg-border-color: #444c54; | ||
| --color-sf-msg-color-alt1: var(--color-sf-content-text-color); | ||
| --color-sf-msg-bg-color-alt1: $transparent; | ||
| --color-sf-msg-border-color-alt1: #9ca3af; | ||
| --color-sf-msg-color-alt2: #ffffff; | ||
| --color-sf-msg-bg-color-alt2: #444c54; | ||
| --color-sf-msg-border-color-alt2: var(--color-sf-msg-bg-color-alt2); | ||
| --color-sf-msg-icon-color: var(--color-sf-msg-color); | ||
| --color-sf-msg-icon-color-alt1: var(--color-sf-msg-color); | ||
| --color-sf-msg-icon-color-alt2: #fff; | ||
| --color-sf-msg-close-icon-color: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-close-icon-color-alt1: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-close-icon-color-alt2: #fff; | ||
| --color-sf-msg-icon-color: var(--color-sf-content-text-color); | ||
| --color-sf-msg-icon-color-alt1: var(--color-sf-content-text-color); | ||
| --color-sf-msg-icon-color-alt2: #ffffff; | ||
| --color-sf-msg-close-icon-color: var(--color-sf-icon-color); | ||
| --color-sf-msg-close-icon-color-alt1: var(--color-sf-icon-color); | ||
| --color-sf-msg-close-icon-color-alt2: #ffffff; | ||
| //Message danger | ||
| --color-sf-msg-danger-color: #ea868f; | ||
| --color-sf-msg-danger-bg-color: #2c0b0e; | ||
| --color-sf-msg-danger-border-color: #842029; | ||
| --color-sf-msg-danger-color-alt1: var(--color-sf-msg-danger-color); | ||
| --color-sf-msg-danger-bg-color-alt1: transparent; | ||
| --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-border-color); | ||
| --color-sf-msg-danger-color-alt2: #fff; | ||
| --color-sf-msg-danger-bg-color-alt2: #dc3545; | ||
| --color-sf-msg-danger-color: #fae3e5; | ||
| --color-sf-msg-danger-bg-color: #66121a; | ||
| --color-sf-msg-danger-border-color: var(--color-sf-msg-danger-bg-color); | ||
| --color-sf-msg-danger-color-alt1: var(--color-sf-danger); | ||
| --color-sf-msg-danger-bg-color-alt1: $transparent; | ||
| --color-sf-msg-danger-border-color-alt1: var(--color-sf-msg-danger-color-alt1); | ||
| --color-sf-msg-danger-color-alt2: #212529; | ||
| --color-sf-msg-danger-bg-color-alt2: var(--color-sf-danger); | ||
| --color-sf-msg-danger-border-color-alt2: var(--color-sf-msg-danger-bg-color-alt2); | ||
| --color-sf-msg-danger-icon-color: var(--color-sf-msg-danger-color); | ||
| --color-sf-msg-danger-icon-color-alt1: var(--color-sf-msg-danger-color); | ||
| --color-sf-msg-danger-icon-color-alt2: #fff; | ||
| --color-sf-msg-danger-close-icon-color: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-danger-close-icon-color-alt2: #fff; | ||
| --color-sf-msg-danger-icon-color: #fae3e5; | ||
| --color-sf-msg-danger-icon-color-alt1: var(--color-sf-danger); | ||
| --color-sf-msg-danger-icon-color-alt2: #212529; | ||
| --color-sf-msg-danger-close-icon-color: var(--color-sf-icon-color); | ||
| --color-sf-msg-danger-close-icon-color-alt1: var(--color-sf-icon-color); | ||
| --color-sf-msg-danger-close-icon-color-alt2: #212529; | ||
| //Message success | ||
| --color-sf-msg-success-color: #75b798; | ||
| --color-sf-msg-success-bg-color: #051b11; | ||
| --color-sf-msg-success-border-color: #0f5132; | ||
| --color-sf-msg-success-color-alt1: var(--color-sf-msg-success-color); | ||
| --color-sf-msg-success-bg-color-alt1: transparent; | ||
| --color-sf-msg-success-border-color-alt1: var(--color-sf-msg-success-border-color); | ||
| --color-sf-msg-success-color-alt2: #fff; | ||
| --color-sf-msg-success-bg-color-alt2: #198754; | ||
| --color-sf-msg-success-color: #2ed889; | ||
| --color-sf-msg-success-bg-color: #09311e; | ||
| --color-sf-msg-success-border-color: #0b3a24; | ||
| --color-sf-msg-success-color-alt1: #21b26f; | ||
| --color-sf-msg-success-bg-color-alt1: $transparent; | ||
| --color-sf-msg-success-border-color-alt1: #21b26f; | ||
| --color-sf-msg-success-color-alt2: #212529; | ||
| --color-sf-msg-success-bg-color-alt2: #21b26f; | ||
| --color-sf-msg-success-border-color-alt2: var(--color-sf-msg-success-bg-color-alt2); | ||
| --color-sf-msg-success-icon-color: var(--color-sf-msg-success-color); | ||
| --color-sf-msg-success-icon-color-alt1: var(--color-sf-msg-success-color); | ||
| --color-sf-msg-success-icon-color-alt2: #fff; | ||
| --color-sf-msg-success-close-icon-color: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-success-close-icon-color-alt2: #fff; | ||
| --color-sf-msg-success-icon-color: #2ed889; | ||
| --color-sf-msg-success-icon-color-alt1: #21b26f; | ||
| --color-sf-msg-success-icon-color-alt2: #212529; | ||
| --color-sf-msg-success-close-icon-color: var(--color-sf-icon-color); | ||
| --color-sf-msg-success-close-icon-color-alt1: var(--color-sf-icon-color); | ||
| --color-sf-msg-success-close-icon-color-alt2: #212529; | ||
| //Message warning | ||
| --color-sf-msg-warning-color: #ffda6a; | ||
| --color-sf-msg-warning-bg-color: #332701; | ||
| --color-sf-msg-warning-border-color: #997404; | ||
| --color-sf-msg-warning-color-alt1: var(--color-sf-msg-warning-color); | ||
| --color-sf-msg-warning-bg-color-alt1: transparent; | ||
| --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-border-color); | ||
| --color-sf-msg-warning-color: #ffeeb9; | ||
| --color-sf-msg-warning-bg-color: #866500; | ||
| --color-sf-msg-warning-border-color: #967000; | ||
| --color-sf-msg-warning-color-alt1: var(--color-sf-warning); | ||
| --color-sf-msg-warning-bg-color-alt1: $transparent; | ||
| --color-sf-msg-warning-border-color-alt1: var(--color-sf-msg-warning-color-alt1); | ||
| --color-sf-msg-warning-color-alt2: #212529; | ||
| --color-sf-msg-warning-bg-color-alt2: #ffc107; | ||
| --color-sf-msg-warning-bg-color-alt2: var(--color-sf-warning); | ||
| --color-sf-msg-warning-border-color-alt2: var(--color-sf-msg-warning-bg-color-alt2); | ||
| --color-sf-msg-warning-icon-color: var(--color-sf-msg-warning-color); | ||
| --color-sf-msg-warning-icon-color-alt1: var(--color-sf-msg-warning-color); | ||
| --color-sf-msg-warning-icon-color: var(--color-sf-warning); | ||
| --color-sf-msg-warning-icon-color-alt1: var(--color-sf-warning); | ||
| --color-sf-msg-warning-icon-color-alt2: #212529; | ||
| --color-sf-msg-warning-close-icon-color: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-warning-close-icon-color: var(--color-sf-icon-color); | ||
| --color-sf-msg-warning-close-icon-color-alt1: var(--color-sf-icon-color); | ||
| --color-sf-msg-warning-close-icon-color-alt2: #212529; | ||
| //Message info | ||
| --color-sf-msg-info-color: #6edff6; | ||
| --color-sf-msg-info-bg-color: #032830; | ||
| --color-sf-msg-info-border-color: #087990; | ||
| --color-sf-msg-info-color-alt1: var(--color-sf-msg-info-color); | ||
| --color-sf-msg-info-bg-color-alt1: transparent; | ||
| --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-border-color); | ||
| --color-sf-msg-info-color: #84e5f8; | ||
| --color-sf-msg-info-bg-color: #05505f; | ||
| --color-sf-msg-info-border-color: #065c6d; | ||
| --color-sf-msg-info-color-alt1: var(--color-sf-info); | ||
| --color-sf-msg-info-bg-color-alt1: $transparent; | ||
| --color-sf-msg-info-border-color-alt1: var(--color-sf-msg-info-color-alt1); | ||
| --color-sf-msg-info-color-alt2: #212529; | ||
| --color-sf-msg-info-bg-color-alt2: #0dcaf0; | ||
| --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-info-bg-color-alt2); | ||
| --color-sf-msg-info-icon-color: var(--color-sf-msg-info-color); | ||
| --color-sf-msg-info-icon-color-alt1: var(--color-sf-msg-info-color); | ||
| --color-sf-msg-info-bg-color-alt2: var(--color-sf-info); | ||
| --color-sf-msg-info-border-color-alt2: var(--color-sf-msg-bg-color-alt2); | ||
| --color-sf-msg-info-icon-color: var(--color-sf-info); | ||
| --color-sf-msg-info-icon-color-alt1: var(--color-sf-info); | ||
| --color-sf-msg-info-icon-color-alt2: #212529; | ||
| --color-sf-msg-info-close-icon-color: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-close-icon-color); | ||
| --color-sf-msg-info-close-icon-color: var(--color-sf-icon-color); | ||
| --color-sf-msg-info-close-icon-color-alt1: var(--color-sf-icon-color); | ||
| --color-sf-msg-info-close-icon-color-alt2: #212529; | ||
| } | ||
| //badge | ||
| --color-sf-badge-light-bg-color: #faf9fa; | ||
| --color-sf-badge-light-border-color: #faf9fa; | ||
| --color-sf-badge-light-text-color: #000; | ||
| --color-sf-badge-dark-bg-color: #212529; | ||
| --color-sf-badge-dark-border-color: #212529; | ||
| --color-sf-badge-dark-text-color: #fff; | ||
| // black | ||
| $black:#000 !default; | ||
| //tab | ||
| --color-sf-tab-border: #343a40; | ||
| // White | ||
| $white:#fff !default; | ||
| //stepper | ||
| --color-sf-stepper: #212529; | ||
| @function shade-color($color, $percentage) { | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| --color-sf-shadow-color: #{#fff}; | ||
| --color-sf-shadow-color1: #{#000}; | ||
| @function tint-color($color, $percentage) { | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
| // backgroundcolor | ||
| $content-bg-color: mapcolorvariable('content-bg-color') !default; | ||
| $content-bg-color-alt1: mapcolorvariable('content-bg-color-alt1') !default; | ||
| $content-bg-color-alt2: mapcolorvariable('content-bg-color-alt2') !default; | ||
| $content-bg-color-alt3: mapcolorvariable('content-bg-color-alt3') !default; | ||
| $content-bg-color-alt4: mapcolorvariable('content-bg-color-alt4') !default; | ||
| $content-bg-color-alt5: mapcolorvariable('content-bg-color-alt5') !default; | ||
| $content-bg-color-hover: mapcolorvariable('content-bg-color-hover') !default; | ||
| $content-bg-color-pressed: mapcolorvariable('content-bg-color-pressed') !default; | ||
| $content-bg-color-focus: mapcolorvariable('content-bg-color-focus') !default; | ||
| $content-bg-color-selected: mapcolorvariable('content-bg-color-selected') !default; | ||
| $content-bg-color-dragged: mapcolorvariable('content-bg-color-dragged') !default; | ||
| $content-bg-color-disabled: mapcolorvariable('content-bg-color-disabled') !default; | ||
| $flyout-bg-color: mapcolorvariable('flyout-bg-color') !default; | ||
| $flyout-bg-color-hover: mapcolorvariable('flyout-bg-color-hover') !default; | ||
| $flyout-bg-color-pressed: mapcolorvariable('flyout-bg-color-pressed') !default; | ||
| $flyout-bg-color-focus: mapcolorvariable('flyout-bg-color-focus') !default; | ||
| $overlay-bg: mapcolorvariable('overlay-bg-color'); | ||
| $table-bg-color-hover: mapcolorvariable('table-bg-color-hover') !default; | ||
| $table-bg-color-pressed: mapcolorvariable('table-bg-color-pressed') !default; | ||
| $table-bg-color-selected: mapcolorvariable('table-bg-color-selected') !default; | ||
| // text-color | ||
| $content-text-color: mapcolorvariable('content-text-color') !default; | ||
| $content-text-color-alt1: mapcolorvariable('content-text-color-alt1') !default; | ||
| $content-text-color-alt2: mapcolorvariable('content-text-color-alt2') !default; | ||
| $content-text-color-alt3: mapcolorvariable('content-text-color-alt3') !default; | ||
| $content-text-color-hover: mapcolorvariable('content-text-color-hover') !default; | ||
| $content-text-color-pressed: mapcolorvariable('content-text-color-pressed') !default; | ||
| $content-text-color-focus: mapcolorvariable('content-text-color-focus') !default; | ||
| $content-text-color-selected: mapcolorvariable('content-text-color-selected') !default; | ||
| $content-text-color-dragged: mapcolorvariable('content-text-color-dragged') !default; | ||
| $content-text-color-disabled: mapcolorvariable('content-text-color-disabled') !default; | ||
| $placeholder-text-color: mapcolorvariable('placeholder-text-color') !default; | ||
| $flyout-text-color: mapcolorvariable('flyout-text-color') !default; | ||
| $flyout-text-color-hover: mapcolorvariable('flyout-text-color-hover') !default; | ||
| $flyout-text-color-pressed: mapcolorvariable('flyout-text-color-pressed') !default; | ||
| $flyout-text-color-focus: mapcolorvariable('flyout-text-color-focus') !default; | ||
| $table-text-color-hover: mapcolorvariable('table-text-color-hover') !default; | ||
| $table-text-color-pressed: mapcolorvariable('table-text-color-pressed') !default; | ||
| $table-text-color-selected: mapcolorvariable('table-text-color-selected') !default; | ||
| // icon-color | ||
| $icon-color: mapcolorvariable('icon-color') !default; | ||
| $icon-color-hover: mapcolorvariable('icon-color-hover') !default; | ||
| $icon-color-pressed: mapcolorvariable('icon-color-pressed') !default; | ||
| $icon-color-disabled: mapcolorvariable('icon-color-disabled') !default; | ||
| // border-color | ||
| $border-light: mapcolorvariable('border-light') !default; | ||
| $border: mapcolorvariable('border') !default; | ||
| $border-dark: mapcolorvariable('border-dark') !default; | ||
| $border-hover: mapcolorvariable('border-hover') !default; | ||
| $border-pressed: mapcolorvariable('border-pressed') !default; | ||
| $border-focus: mapcolorvariable('border-focus') !default; | ||
| $border-selected: mapcolorvariable('border-selected') !default; | ||
| $border-dragged:mapcolorvariable('border-dragged') !default; | ||
| $border-disabled: mapcolorvariable('border-disabled') !default; | ||
| $border-warning: mapcolorvariable('border-warning') !default; | ||
| $border-error: mapcolorvariable('border-error') !default; | ||
| $border-success: mapcolorvariable('border-success') !default; | ||
| $spreadsheet-gridline: mapcolorvariable('spreadsheet-gridline') !default; | ||
| $flyout-border: mapcolorvariable('flyout-border') !default; | ||
| //sf Variables | ||
| $primary: mapcolorvariable('primary') !default; | ||
| $secondary: mapcolorvariable('secondary') !default; | ||
| $primary-text-color: mapcolorvariable('primary-text-color') !default; | ||
| $primary-light: mapcolorvariable('primary-light') !default; | ||
| $primary-lighter: mapcolorvariable('primary-lighter') !default; | ||
| $success: mapcolorvariable('success') !default; | ||
| $info: mapcolorvariable('info') !default; | ||
| $warning: mapcolorvariable('warning') !default; | ||
| $danger: mapcolorvariable('danger') !default; | ||
| $success-light: mapcolorvariable('success-light') !default; | ||
| $info-light: mapcolorvariable('info-light') !default; | ||
| $warning-light: mapcolorvariable('warning-light') !default; | ||
| $danger-light: mapcolorvariable('danger-light') !default; | ||
| $success-dark: mapcolorvariable('success-dark') !default; | ||
| $info-dark: mapcolorvariable('info-dark') !default; | ||
| $warning-dark: mapcolorvariable('warning-dark') !default; | ||
| $danger-dark: mapcolorvariable('danger-dark') !default; | ||
| $success-light-alt: mapcolorvariable('success-light-alt') !default; | ||
| $info-light-alt: mapcolorvariable('info-light-alt') !default; | ||
| $warning-light-alt: mapcolorvariable('warning-light-alt') !default; | ||
| $danger-light-alt: mapcolorvariable('danger-light-alt') !default; | ||
| // Primary-button | ||
| $primary-bg-color: mapcolorvariable('primary-bg-color') !default; | ||
| $primary-border-color: mapcolorvariable('primary-border-color') !default; | ||
| $primary-text: mapcolorvariable('primary-text') !default; | ||
| $primary-bg-color-hover: mapcolorvariable('primary-bg-color-hover') !default; | ||
| $primary-border-color-hover: mapcolorvariable('primary-border-color-hover') !default; | ||
| $primary-text-hover: mapcolorvariable('primary-text-hover') !default; | ||
| $primary-bg-color-pressed: mapcolorvariable('primary-bg-color-pressed') !default; | ||
| $primary-border-color-pressed: mapcolorvariable('primary-border-color-pressed') !default; | ||
| $primary-text-pressed: mapcolorvariable('primary-text-pressed') !default; | ||
| $primary-bg-color-focus: mapcolorvariable('primary-bg-color-focus') !default; | ||
| $primary-border-color-focus: mapcolorvariable('primary-border-color-focus') !default; | ||
| $primary-text-focus: mapcolorvariable('primary-text-focus') !default; | ||
| $primary-bg-color-disabled: mapcolorvariable('primary-bg-color-disabled') !default; | ||
| $primary-border-color-disabled: mapcolorvariable('primary-border-color-disabled') !default; | ||
| $primary-text-disabled: mapcolorvariable('primary-text-disabled') !default; | ||
| // Secondary-button | ||
| $secondary-bg-color: mapcolorvariable('secondary-bg-color') !default; | ||
| $secondary-border-color: mapcolorvariable('secondary-border-color') !default; | ||
| $secondary-text-color: mapcolorvariable('secondary-text-color') !default; | ||
| $secondary-bg-color-hover: mapcolorvariable('secondary-bg-color-hover') !default; | ||
| $secondary-border-color-hover: mapcolorvariable('secondary-border-color-hover') !default; | ||
| $secondary-text-color-hover: mapcolorvariable('secondary-text-color-hover') !default; | ||
| $secondary-bg-color-pressed: mapcolorvariable('secondary-bg-color-pressed') !default; | ||
| $secondary-border-color-pressed: mapcolorvariable('secondary-border-color-pressed') !default; | ||
| $secondary-text-color-pressed: mapcolorvariable('secondary-text-color-pressed') !default; | ||
| $secondary-bg-color-focus: mapcolorvariable('secondary-bg-color-focus') !default; | ||
| $secondary-border-color-focus: mapcolorvariable('secondary-border-color-focus') !default; | ||
| $secondary-text-color-focus: mapcolorvariable('secondary-text-color-focus') !default; | ||
| $secondary-bg-color-disabled: mapcolorvariable('secondary-bg-color-disabled') !default; | ||
| $secondary-border-color-disabled: mapcolorvariable('secondary-border-color-disabled') !default; | ||
| $secondary-text-color-disabled: mapcolorvariable('secondary-text-color-disabled') !default; | ||
| // Success-button | ||
| $success-bg-color: mapcolorvariable('success-bg-color') !default; | ||
| $success-border-color: mapcolorvariable('success-border-color') !default; | ||
| $success-text: mapcolorvariable('success-text') !default; | ||
| $success-bg-color-hover: mapcolorvariable('success-bg-color-hover') !default; | ||
| $success-border-color-hover: mapcolorvariable('success-border-color-hover') !default; | ||
| $success-text-hover: mapcolorvariable('success-text-hover') !default; | ||
| $success-bg-color-pressed: mapcolorvariable('success-bg-color-pressed') !default; | ||
| $success-border-color-pressed: mapcolorvariable('success-border-color-pressed') !default; | ||
| $success-text-pressed: mapcolorvariable('success-text-pressed') !default; | ||
| $success-bg-color-focus: mapcolorvariable('success-bg-color-focus') !default; | ||
| $success-border-color-focus: mapcolorvariable('success-border-color-focus') !default; | ||
| $success-text-focus: mapcolorvariable('success-text-focus') !default; | ||
| $success-bg-color-disabled: mapcolorvariable('success-bg-color-disabled') !default; | ||
| $success-border-color-disabled: mapcolorvariable('success-border-color-disabled') !default; | ||
| $success-text-disabled: mapcolorvariable('success-text-disabled') !default; | ||
| // Warning-button | ||
| $warning-bg-color: mapcolorvariable('warning-bg-color') !default; | ||
| $warning-border-color: mapcolorvariable('warning-border-color') !default; | ||
| $warning-text: mapcolorvariable('warning-text') !default; | ||
| $warning-bg-color-hover: mapcolorvariable('warning-bg-color-hover') !default; | ||
| $warning-border-color-hover: mapcolorvariable('warning-border-color-hover') !default; | ||
| $warning-text-hover: mapcolorvariable('warning-text-hover') !default; | ||
| $warning-bg-color-pressed: mapcolorvariable('warning-bg-color-pressed') !default; | ||
| $warning-border-color-pressed: mapcolorvariable('warning-border-color-pressed') !default; | ||
| $warning-text-pressed: mapcolorvariable('warning-text-pressed') !default; | ||
| $warning-bg-color-focus: mapcolorvariable('warning-bg-color-focus') !default; | ||
| $warning-border-color-focus: mapcolorvariable('warning-border-color-focus') !default; | ||
| $warning-text-focus: mapcolorvariable('warning-text-focus') !default; | ||
| $warning-bg-color-disabled: mapcolorvariable('warning-bg-color-disabled') !default; | ||
| $warning-border-color-disabled: mapcolorvariable('warning-border-color-disabled') !default; | ||
| $warning-text-disabled: mapcolorvariable('warning-text-disabled') !default; | ||
| // Info-button | ||
| $info-bg-color: mapcolorvariable('info-bg-color') !default; | ||
| $info-border-color: mapcolorvariable('info-border-color') !default; | ||
| $info-text: mapcolorvariable('info-text') !default; | ||
| $info-bg-color-hover: mapcolorvariable('info-bg-color-hover') !default; | ||
| $info-border-color-hover: mapcolorvariable('info-border-color-hover') !default; | ||
| $info-text-hover: mapcolorvariable('info-text-hover') !default; | ||
| $info-bg-color-pressed: mapcolorvariable('info-bg-color-pressed') !default; | ||
| $info-border-color-pressed: mapcolorvariable('info-border-color-pressed') !default; | ||
| $info-text-pressed: mapcolorvariable('info-text-pressed') !default; | ||
| $info-bg-color-focus: mapcolorvariable('info-bg-color-focus') !default; | ||
| $info-border-color-focus: mapcolorvariable('info-border-color-focus') !default; | ||
| $info-text-focus: mapcolorvariable('info-text-focus') !default; | ||
| $info-bg-color-disabled: mapcolorvariable('info-bg-color-disabled') !default; | ||
| $info-border-color-disabled: mapcolorvariable('info-border-color-disabled') !default; | ||
| $info-text-disabled: mapcolorvariable('info-text-disabled') !default; | ||
| // danger-button | ||
| $danger-bg-color: mapcolorvariable('danger-bg-color') !default; | ||
| $danger-border-color: mapcolorvariable('danger-border-color') !default; | ||
| $danger-text: mapcolorvariable('danger-text') !default; | ||
| $danger-bg-color-hover: mapcolorvariable('danger-bg-color-hover') !default; | ||
| $danger-border-color-hover: mapcolorvariable('danger-border-color-hover') !default; | ||
| $danger-text-hover: mapcolorvariable('danger-text-hover') !default; | ||
| $danger-bg-color-pressed: mapcolorvariable('danger-bg-color-pressed') !default; | ||
| $danger-border-color-pressed: mapcolorvariable('danger-border-color-pressed') !default; | ||
| $danger-text-pressed: mapcolorvariable('danger-text-pressed') !default; | ||
| $danger-bg-color-focus: mapcolorvariable('danger-bg-color-focus') !default; | ||
| $danger-border-color-focus: mapcolorvariable('danger-border-color-focus') !default; | ||
| $danger-text-focus: mapcolorvariable('danger-text-focus') !default; | ||
| $danger-bg-color-disabled: mapcolorvariable('danger-bg-color-disabled') !default; | ||
| $danger-border-color-disabled: mapcolorvariable('danger-border-color-disabled') !default; | ||
| $danger-text-disabled: mapcolorvariable('danger-text-disabled') !default; | ||
| //Outline button | ||
| $primary-outline: mapcolorvariable('primary-outline') !default; | ||
| $secondary-outline: mapcolorvariable('secondary-outline') !default; | ||
| $warning-outline: mapcolorvariable('warning-outline') !default; | ||
| $danger-outline: mapcolorvariable('danger-outline') !default; | ||
| $success-outline: mapcolorvariable('success-outline') !default; | ||
| $info-outline: mapcolorvariable('info-outline') !default; | ||
| // Tooltip | ||
| $tooltip-bg-color: mapcolorvariable('tooltip-bg-color') !default; | ||
| $tooltip-border: mapcolorvariable('tooltip-border') !default; | ||
| $tooltip-text-color: mapcolorvariable('tooltip-text-color') !default; | ||
| //appbar | ||
| //Light | ||
| $appbar-bg-color-alt1: mapcolorvariable('appbar-bg-color-alt1') !default; | ||
| $appbar-color-alt1:mapcolorvariable('appbar-color-alt1') !default; | ||
| $appbar-border-color-alt1: mapcolorvariable('appbar-border-color-alt1') !default; | ||
| $appbar-hover-bg-color-alt1: mapcolorvariable('appbar-hover-bg-color-alt1') !default; | ||
| //dark | ||
| $appbar-bg-color-alt2: mapcolorvariable('appbar-bg-color-alt2') !default; | ||
| $appbar-color-alt2: mapcolorvariable('appbar-color-alt2') !default; | ||
| $appbar-border-color-alt2: mapcolorvariable('appbar-border-color-alt2') !default; | ||
| $appbar-hover-bg-color-alt2: mapcolorvariable('appbar-hover-bg-color-alt2') !default; | ||
| //diagram Palette color | ||
| $diagram-palette-background: mapcolorvariable('diagram-palette-background') !default; | ||
| $diagram-palette-hover-background: mapcolorvariable('diagram-palette-hover-background') !default; | ||
| $diagram-palette-selected-background: mapcolorvariable('diagram-palette-selected-background') !default; | ||
| //rating | ||
| $rating-selected-color:mapcolorvariable('rating-selected-color') !default; | ||
| $rating-unrated-color: mapcolorvariable('rating-unrated-color') !default; | ||
| $rating-selected-disabled-color: mapcolorvariable('rating-selected-disabled-color') !default; | ||
| $rating-unrated-disabled-color: mapcolorvariable('rating-unrated-disabled-color') !default; | ||
| $rating-selected-hover-color: mapcolorvariable('rating-selected-hover-color') !default; | ||
| $rating-unrated-hover-color: mapcolorvariable('rating-unrated-hover-color') !default; | ||
| $rating-pressed-color: mapcolorvariable('rating-pressed-color') !default; | ||
| //Message component | ||
| //Message default | ||
| $msg-color: mapcolorvariable('msg-color') !default; | ||
| $msg-bg-color: mapcolorvariable('msg-bg-color') !default; | ||
| $msg-border-color:mapcolorvariable('msg-border-color') !default; | ||
| $msg-color-alt1: mapcolorvariable('msg-color-alt1') !default; | ||
| $msg-bg-color-alt1: mapcolorvariable('msg-bg-color-alt1') !default; | ||
| $msg-border-color-alt1: mapcolorvariable('msg-border-color-alt1') !default; | ||
| $msg-color-alt2: mapcolorvariable('msg-color-alt2') !default; | ||
| $msg-bg-color-alt2: mapcolorvariable('msg-bg-color-alt2') !default; | ||
| $msg-border-color-alt2: mapcolorvariable('msg-border-color-alt2') !default; | ||
| $msg-icon-color: mapcolorvariable('msg-icon-color') !default; | ||
| $msg-icon-color-alt1: mapcolorvariable('msg-icon-color-alt1') !default; | ||
| $msg-icon-color-alt2: mapcolorvariable('msg-icon-color-alt2') !default; | ||
| $msg-close-icon-color: mapcolorvariable('msg-close-icon-color') !default; | ||
| $msg-close-icon-color-alt1: mapcolorvariable('msg-close-icon-color-alt21') !default; | ||
| $msg-close-icon-color-alt2: mapcolorvariable('msg-close-icon-color-alt2') !default; | ||
| //Message success | ||
| $msg-success-color: mapcolorvariable('msg-success-color') !default; | ||
| $msg-success-bg-color: mapcolorvariable('msg-success-bg-color') !default; | ||
| $msg-success-border-color: mapcolorvariable('msg-success-border-color') !default; | ||
| $msg-success-color-alt1: mapcolorvariable('msg-success-color-alt1') !default; | ||
| $msg-success-bg-color-alt1: mapcolorvariable('msg-success-bg-color-alt1') !default; | ||
| $msg-success-border-color-alt1: mapcolorvariable('msg-success-border-color-alt1') !default; | ||
| $msg-success-color-alt2: mapcolorvariable('msg-success-color-alt2') !default; | ||
| $msg-success-bg-color-alt2: mapcolorvariable('msg-success-bg-color-alt2') !default; | ||
| $msg-success-border-color-alt2: mapcolorvariable('msg-success-border-color-alt2') !default; | ||
| $msg-success-icon-color: mapcolorvariable('msg-success-icon-color') !default; | ||
| $msg-success-icon-color-alt1:mapcolorvariable('msg-success-icon-color-alt1') !default; | ||
| $msg-success-icon-color-alt2: mapcolorvariable('msg-success-icon-color-alt2') !default; | ||
| $msg-success-close-icon-color: mapcolorvariable('msg-success-close-icon-color') !default; | ||
| $msg-success-close-icon-color-alt1: mapcolorvariable('msg-success-close-icon-color-alt1') !default; | ||
| $msg-success-close-icon-color-alt2: mapcolorvariable('msg-success-close-icon-color-alt2') !default; | ||
| //Message danger | ||
| $msg-danger-color: mapcolorvariable('msg-danger-color') !default; | ||
| $msg-danger-bg-color: mapcolorvariable('msg-danger-bg-color') !default; | ||
| $msg-danger-border-color: mapcolorvariable('msg-danger-border-color') !default; | ||
| $msg-danger-color-alt1: mapcolorvariable('msg-danger-color-alt1') !default; | ||
| $msg-danger-bg-color-alt1: mapcolorvariable('msg-danger-bg-color-alt1') !default; | ||
| $msg-danger-border-color-alt1: mapcolorvariable('msg-danger-border-color-alt1') !default; | ||
| $msg-danger-color-alt2: mapcolorvariable('msg-danger-color-alt2') !default; | ||
| $msg-danger-bg-color-alt2: mapcolorvariable('msg-danger-bg-color-alt2') !default; | ||
| $msg-danger-border-color-alt2: mapcolorvariable('msg-danger-border-color-alt2') !default; | ||
| $msg-danger-icon-color: mapcolorvariable('msg-danger-icon-color') !default; | ||
| $msg-danger-icon-color-alt1: mapcolorvariable('msg-danger-icon-color-alt1') !default; | ||
| $msg-danger-icon-color-alt2: mapcolorvariable('msg-danger-icon-color-alt2') !default; | ||
| $msg-danger-close-icon-color: mapcolorvariable('msg-danger-close-icon-color') !default; | ||
| $msg-danger-close-icon-color-alt1: mapcolorvariable('msg-danger-close-icon-color-alt1') !default; | ||
| $msg-danger-close-icon-color-alt2: mapcolorvariable('msg-danger-close-icon-color-alt2') !default; | ||
| //Message Info | ||
| $msg-info-color: mapcolorvariable('msg-info-color') !default; | ||
| $msg-info-bg-color: mapcolorvariable('msg-info-bg-color') !default; | ||
| $msg-info-border-color: mapcolorvariable('msg-info-border-color') !default; | ||
| $msg-info-color-alt1: mapcolorvariable('msg-info-color-alt1') !default; | ||
| $msg-info-bg-color-alt1: mapcolorvariable('msg-info-bg-color-alt1') !default; | ||
| $msg-info-border-color-alt1: mapcolorvariable('msg-info-border-color-alt1') !default; | ||
| $msg-info-color-alt2: mapcolorvariable('msg-info-color-alt2') !default; | ||
| $msg-info-bg-color-alt2: mapcolorvariable('msg-info-bg-color-alt2') !default; | ||
| $msg-info-border-color-alt2: mapcolorvariable('msg-info-border-color-alt2') !default; | ||
| $msg-info-icon-color: mapcolorvariable('msg-info-icon-color') !default; | ||
| $msg-info-icon-color-alt1: mapcolorvariable('msg-info-icon-color-alt1') !default; | ||
| $msg-info-icon-color-alt2:mapcolorvariable('msg-info-icon-color-alt2') !default; | ||
| $msg-info-close-icon-color: mapcolorvariable('msg-info-close-icon-color') !default; | ||
| $msg-info-close-icon-color-alt1: mapcolorvariable('msg-info-close-icon-color-alt1') !default; | ||
| $msg-info-close-icon-color-alt2: mapcolorvariable('msg-info-close-icon-color-alt2') !default; | ||
| //Message Warning | ||
| $msg-warning-color: mapcolorvariable('msg-warning-color') !default; | ||
| $msg-warning-bg-color: mapcolorvariable('msg-warning-bg-color') !default; | ||
| $msg-warning-border-color: mapcolorvariable('msg-warning-border-color') !default; | ||
| $msg-warning-color-alt1: mapcolorvariable('msg-warning-color-alt1') !default; | ||
| $msg-warning-bg-color-alt1: mapcolorvariable('msg-warning-bg-color-alt1') !default; | ||
| $msg-warning-border-color-alt1: mapcolorvariable('msg-warning-border-color-alt1') !default; | ||
| $msg-warning-color-alt2: mapcolorvariable('msg-warning-color-alt2') !default; | ||
| $msg-warning-bg-color-alt2: mapcolorvariable('msg-warning-bg-color-alt2') !default; | ||
| $msg-warning-border-color-alt2: mapcolorvariable('msg-warning-border-color-alt2') !default; | ||
| $msg-warning-icon-color: mapcolorvariable('msg-warning-icon-color') !default; | ||
| $msg-warning-icon-color-alt1: mapcolorvariable('msg-warning-icon-color-alt1') !default; | ||
| $msg-warning-icon-color-alt2: mapcolorvariable('msg-warning-icon-color-alt2') !default; | ||
| $msg-warning-close-icon-color: mapcolorvariable('msg-warning-close-icon-color') !default; | ||
| $msg-warning-close-icon-color-alt1: mapcolorvariable('msg-warning-close-icon-color-alt1') !default; | ||
| $msg-warning-close-icon-color-alt2: mapcolorvariable('msg-warning-close-icon-color-alt2') !default; | ||
| //badge | ||
| $badge-primary-bg-color-darken: mapcolorvariable('badge-primary-bg-color-darken') !default; | ||
| $badge-secondary-bg-color-darken: mapcolorvariable('badge-secondary-bg-color-darken') !default; | ||
| $badge-success-bg-color-darken: mapcolorvariable('badge-success-bg-color-darken') !default; | ||
| $badge-danger-bg-color-darken: mapcolorvariable('badge-danger-bg-color-darken') !default; | ||
| $badge-warning-bg-color-darken: mapcolorvariable('badge-warning-bg-color-darken') !default; | ||
| $badge-info-bg-color-darken: mapcolorvariable('badge-info-bg-color-darken') !default; | ||
| $badge-light-bg-color-darken: mapcolorvariable('badge-light-bg-color-darken') !default; | ||
| $badge-dark-bg-color-darken: mapcolorvariable('badge-dark-bg-color-darken') !default; | ||
| //breadcrumb | ||
| $breadcrumb-item-hover-color: mapcolorvariable('breadcrumb-item-hover-color') !default; | ||
| $breadcrumb-item-active-color: mapcolorvariable('breadcrumb-item-active-color') !default; | ||
| $breadcrumb-item-focus-border-color: mapcolorvariable('breadcrumb-item-focus-border-color') !default; | ||
| //tab | ||
| $tab-alt-wrap-hover-color: mapcolorvariable('tab-alt-wrap-hover-color') !default; | ||
| //treeview | ||
| $treeview-item-active-hover-bg: mapcolorvariable('treeview-item-active-hover-bg') !default; | ||
| //document editor | ||
| $de-style-btn-bg-color: mapcolorvariable('de-style-btn-bg-color') !default; | ||
| $de-toggle-border-color: mapcolorvariable('de-toggle-border-color') !default; | ||
| $de-toggle-hover-color: mapcolorvariable('de-toggle-hover-color') !default; | ||
| $de-toggle-border-hover-color: mapcolorvariable('de-toggle-border-hover-color') !default; | ||
| $de-toggle-disabled-color: mapcolorvariable('de-toggle-disabled-color') !default; | ||
| $connector-point-hover-color: mapcolorvariable('connector-point-hover-color') !default; | ||
| $gantt-connected-task: mapcolorvariable('gantt-connected-task') !default; | ||
| $gantt-active-parent-task: mapcolorvariable('gantt-active-parent-task') !default; | ||
| $timepicker-active-border-color: mapcolorvariable('timepicker-active-border-color') !default; | ||
| $hdr-selection-border-color: mapcolorvariable('hdr-selection-border-color') !default; | ||
| $primary-dark: mapcolorvariable('primary-dark') !default; | ||
| $primary-darker: mapcolorvariable('primary-darker') !default; | ||
| $flyout-text-color-disabled: mapcolorvariable('flyout-text-color-disabled') !default; | ||
| $close-icon-color: mapcolorvariable('close-icon-color') !default; | ||
| $close-icon-color-hover: mapcolorvariable('close-icon-color-hover') !default; | ||
| $close-icon-color-pressed: mapcolorvariable('close-icon-color-pressed') !default; | ||
| $close-icon-color-disabled: mapcolorvariable('close-icon-color-disabled') !default; | ||
| //badge | ||
| $badge-light-bg-color: mapcolorvariable('badge-light-bg-color') !default; | ||
| $badge-light-border-color: mapcolorvariable('badge-light-border-color') !default; | ||
| $badge-light-text-color: mapcolorvariable('badge-light-text-color') !default; | ||
| $badge-dark-bg-color: mapcolorvariable('badge-dark-bg-color') !default; | ||
| $badge-dark-border-color: mapcolorvariable('badge-dark-border-color') !default; | ||
| $badge-dark-text-color: mapcolorvariable('badge-dark-text-color') !default; | ||
| $tab-border: mapcolorvariable('tab-border') !default; | ||
| $stepper: mapcolorvariable('stepper') !default; | ||
| $primary-shadow: mapcolorvariable('primary-shadow') !default; | ||
| $secondary-shadow: mapcolorvariable('secondary-shadow') !default; | ||
| $success-shadow: mapcolorvariable('success-shadow') !default; | ||
| $danger-shadow: mapcolorvariable('danger-shadow') !default; | ||
| $info-shadow: mapcolorvariable('info-shadow') !default; | ||
| $warning-shadow: mapcolorvariable('warning-shadow') !default; | ||
| $shadow-color: mapcolorvariable('shadow-color') !default; | ||
| $shadow-color1: mapcolorvariable('shadow-color1') !default; | ||
| // black | ||
| $black: mapcolorvariable('black') !default; | ||
| // White | ||
| $white: mapcolorvariable('white') !default; | ||
| // Transparent | ||
@@ -776,58 +382,59 @@ $transparent: transparent; | ||
| // scss-docs-start color-variables | ||
| $blue: #0d6efd !default; | ||
| $indigo: #6610f2 !default; | ||
| $purple: #6f42c1 !default; | ||
| $pink: #d63384 !default; | ||
| $red: #dc3545 !default; | ||
| $orange: #fd7e14 !default; | ||
| $yellow: #ffc107 !default; | ||
| $green: #198754 !default; | ||
| $teal: #20c997 !default; | ||
| $cyan: #0dcaf0 !default; | ||
| $blue:#0d6efd !default; | ||
| $indigo:#6610f2 !default; | ||
| $purple:#6f42c1 !default; | ||
| $pink:#d63384 !default; | ||
| $red: #dc3545 !default; | ||
| $orange:#fd7e14 !default; | ||
| $yellow:#ffc107 !default; | ||
| $green: #198754 !default; | ||
| $teal:#20c997 !default; | ||
| $cyan:#0dcaf0 !default; | ||
| $primary: $primary !default; | ||
| $secondary: $secondary !default; | ||
| $success: $success !default; | ||
| $info: $info !default; | ||
| $warning: $warning !default; | ||
| $danger: $danger !default; | ||
| $success-light: $success-light !default; | ||
| $info-light: $info-light !default; | ||
| $warning-light: $warning-light !default; | ||
| $danger-light: $danger-light !default; | ||
| $primary-text-color: $primary-text-color !default; | ||
| $primary-light: $primary-light !default; | ||
| $primary-lighter: $primary-lighter !default; | ||
| $success-dark: $success-dark !default; | ||
| $info-dark: $info-dark !default; | ||
| $warning-dark: $warning-dark !default; | ||
| $danger-dark: $danger-dark !default; | ||
| $success-light-alt: $success-light-alt !default; | ||
| $info-light-alt: $info-light-alt !default; | ||
| $warning-light-alt: $warning-light-alt !default; | ||
| $danger-light-alt: $danger-light-alt !default; | ||
| $primary: $blue !default; | ||
| $secondary: $gray-600 !default; | ||
| $success: lighten($green, 10%) !default; | ||
| $info:$cyan !default; | ||
| $warning: $yellow !default; | ||
| $danger:lighten($red, 10%) !default; | ||
| $success-light: tint-color($success, 80%) !default; | ||
| $info-light:tint-color($info, 80%) !default; | ||
| $warning-light: tint-color($warning, 80%) !default; | ||
| $danger-light:tint-color($danger, 80%) !default; | ||
| $primary-text-color: $white !default; | ||
| $primary-light: tint-color($primary, 50%) !default; | ||
| $primary-lighter: shade-color($primary, 80%) !default; | ||
| $success-dark: darken($success, 10%) !default; | ||
| $info-dark:darken($info, 25%) !default; | ||
| $warning-dark: darken($warning, 25%) !default; | ||
| $danger-dark:darken($danger, 10%) !default; | ||
| $success-light-alt: darken($green, 20%) !default; | ||
| $info-light-alt:darken($cyan, 25%) !default; | ||
| $warning-light-alt: darken($yellow, 20%) !default; | ||
| $danger-light-alt:darken($red, 25%) !default; | ||
| // backgroundcolor | ||
| $content-bg-color: $content-bg-color !default; | ||
| $content-bg-color-alt1: $content-bg-color-alt1 !default; | ||
| $content-bg-color-alt2: $content-bg-color-alt2 !default; | ||
| $content-bg-color-alt3: $content-bg-color-alt3 !default; | ||
| $content-bg-color-alt4: $content-bg-color-alt4 !default; | ||
| $content-bg-color-alt5: $content-bg-color-alt5 !default; | ||
| $content-bg-color-hover: $content-bg-color-hover !default; | ||
| $content-bg-color-pressed: $content-bg-color-pressed !default; | ||
| $content-bg-color-focus: $content-bg-color-focus !default; | ||
| $content-bg-color-selected: $content-bg-color-selected !default; | ||
| $content-bg-color-dragged: $content-bg-color-dragged !default; | ||
| $content-bg-color-disabled: $content-bg-color-disabled !default; | ||
| $flyout-bg-color: $flyout-bg-color !default; | ||
| $flyout-bg-color-hover: $flyout-bg-color-hover !default; | ||
| $flyout-bg-color-pressed: $flyout-bg-color-pressed !default; | ||
| $flyout-bg-color-focus: $flyout-bg-color-focus !default; | ||
| $content-bg-color: $gray-900 !default; | ||
| $content-bg-color-alt1: lighten($gray-900, 3%) !default; | ||
| $content-bg-color-alt2: $gray-800 !default; | ||
| $content-bg-color-alt3: $gray-700 !default; | ||
| $content-bg-color-alt4: $gray-600 !default; | ||
| $content-bg-color-alt5: $gray-500 !default; | ||
| $content-bg-color-hover: lighten($content-bg-color, 7%) !default; | ||
| $content-bg-color-pressed: $gray-700 !default; | ||
| $content-bg-color-focus: $content-bg-color-hover !default; | ||
| $content-bg-color-selected: $primary !default; | ||
| $content-bg-color-dragged: $gray-800 !default; | ||
| $content-bg-color-disabled: $content-bg-color !default; | ||
| $flyout-bg-color: $gray-800 !default; | ||
| $flyout-bg-color-hover: lighten($flyout-bg-color, 7%) !default; | ||
| $flyout-bg-color-pressed: $primary !default; | ||
| $flyout-bg-color-focus: $flyout-bg-color-hover !default; | ||
| $flyout-border: $gray-700 !default; | ||
| $overlay-bg-color: rgba($black, .4) !default; | ||
| $table-bg-color-hover: $table-bg-color-hover !default; | ||
| $table-bg-color-pressed: $table-bg-color-pressed !default; | ||
| $table-bg-color-selected: $table-bg-color-selected !default; | ||
| $table-bg-color-hover: lighten($content-bg-color, 7%) !default; | ||
| $table-bg-color-pressed: $gray-700 !default; | ||
| $table-bg-color-selected: lighten($content-bg-color, 12%) !default; | ||
| // all theme common color | ||
| //All theme commoon color | ||
| $colorpicker-gradient-1: #f00 !default; | ||
@@ -840,61 +447,54 @@ $colorpicker-gradient-2: #ff0 !default; | ||
| $colorpicker-gradient-7: #ff0004 !default; | ||
| $spreadsheet-selection-1: #673ab8 !default; | ||
| $spreadsheet-selection-2: #9c27b0 !default; | ||
| $spreadsheet-selection-3: #029688 !default; | ||
| $spreadsheet-selection-4: #4caf51 !default; | ||
| $spreadsheet-selection-5: #fe9800 !default; | ||
| $spreadsheet-selection-6: #3f52b5 !default; | ||
| $spreadsheet-selection-1: #673ab8; | ||
| $spreadsheet-selection-2: #9c27b0; | ||
| $spreadsheet-selection-3: #029688; | ||
| $spreadsheet-selection-4: #4caf51; | ||
| $spreadsheet-selection-5: #fe9800; | ||
| $spreadsheet-selection-6: #3f52b5; | ||
| // text-color | ||
| $content-text-color: $content-text-color !default; | ||
| $content-text-color-alt1: $content-text-color-alt1 !default; | ||
| $content-text-color-alt2: $content-text-color-alt2 !default; | ||
| $content-text-color-alt3: $content-text-color-alt3 !default; | ||
| $content-text-color-hover: $content-text-color-hover !default; | ||
| $content-text-color-pressed: $content-text-color-pressed !default; | ||
| $content-text-color-focus: $content-text-color-focus !default; | ||
| $content-text-color-selected: $content-text-color-selected !default; | ||
| $content-text-color-dragged: $content-text-color-dragged !default; | ||
| $content-text-color-disabled: $content-text-color-disabled !default; | ||
| $placeholder-text-color: $placeholder-text-color !default; | ||
| $flyout-text-color: $flyout-text-color !default; | ||
| $flyout-text-color-hover: $flyout-text-color-hover !default; | ||
| $flyout-text-color-pressed: $flyout-text-color-pressed !default; | ||
| $flyout-text-color-focus: $flyout-text-color-focus !default; | ||
| $table-text-color-hover: $table-text-color-hover !default; | ||
| $table-text-color-pressed: $table-text-color-pressed !default; | ||
| $table-text-color-selected: $table-text-color-selected !default; | ||
| $content-text-color: $white !default; | ||
| $content-text-color-alt1: $gray-200 !default; | ||
| $content-text-color-alt2: $gray-400 !default; | ||
| $content-text-color-alt3: lighten($gray-600, 6%) !default; | ||
| $content-text-color-hover: $white !default; | ||
| $content-text-color-pressed: $white !default; | ||
| $content-text-color-focus: $white !default; | ||
| $content-text-color-selected: $primary-text-color !default; | ||
| $content-text-color-dragged: $white !default; | ||
| $content-text-color-disabled: $gray-600 !default; | ||
| $placeholder-text-color: $gray-600 !default; | ||
| $flyout-text-color: $white !default; | ||
| $flyout-text-color-hover: $white !default; | ||
| $flyout-text-color-pressed: $primary-text-color !default; | ||
| $flyout-text-color-focus: $white !default; | ||
| $table-text-color-hover: $white !default; | ||
| $table-text-color-pressed: $white !default; | ||
| $table-text-color-selected: $white !default; | ||
| // icon-color | ||
| $icon-color: $icon-color !default; | ||
| $icon-color-hover: $icon-color-hover !default; | ||
| $icon-color-pressed: $icon-color-pressed !default; | ||
| $icon-color-disabled: $icon-color-disabled !default; | ||
| $icon-color: $gray-500 !default; | ||
| $icon-color-hover: $gray-300 !default; | ||
| $icon-color-pressed: $gray-100 !default; | ||
| $icon-color-disabled: $gray-500 !default; | ||
| // close-icon-color | ||
| $close-icon-color: $close-icon-color !default; | ||
| $close-icon-color-hover: $close-icon-color-hover !default; | ||
| $close-icon-color-pressed: $close-icon-color-pressed !default; | ||
| $close-icon-color-disabled: $close-icon-color-disabled !default; | ||
| // border-color | ||
| $border-light: $border-light !default; | ||
| $border: $border !default; | ||
| $border-dark: $border-dark !default; | ||
| $border-hover: $border-hover !default; | ||
| $border-pressed: $border-pressed !default; | ||
| $border-focus: $border-focus !default; | ||
| $border-selected: $border-selected !default; | ||
| $border-dragged: $border-dragged !default; | ||
| $border-disabled: $border-disabled !default; | ||
| $border-warning: $border-warning !default; | ||
| $border-error: $border-error !default; | ||
| $border-success: $border-success !default; | ||
| $spreadsheet-gridline: $spreadsheet-gridline !default; | ||
| $flyout-border: $flyout-border !default; | ||
| $border-light: lighten($gray-800, 7%) !default; | ||
| $border: $gray-600 !default; | ||
| $border-dark: $gray-500 !default; | ||
| $border-hover: $gray-700 !default; | ||
| $border-pressed: $gray-600 !default; | ||
| $border-focus: $gray-700 !default; | ||
| $border-selected: $gray-600 !default; | ||
| $border-dragged: $gray-600 !default; | ||
| $border-disabled: $border-light !default; | ||
| $border-warning: lighten($yellow, 10%) !default; | ||
| $border-error: lighten($red, 10%) !default; | ||
| $border-success: lighten($green, 10%) !default; | ||
| $spreadsheet-gridline: $gray-300 !default; | ||
| // Tooltip | ||
| $tooltip-bg-color: $tooltip-bg-color !default; | ||
| $tooltip-border: $tooltip-border !default; | ||
| $tooltip-text-color: $tooltip-text-color !default; | ||
| $tooltip-bg-color: $gray-200 !default; | ||
| $tooltip-border: $gray-200; | ||
| $toooltip-text-color: $gray-900 !default; | ||
@@ -905,3 +505,3 @@ // shadow | ||
| $shadow-md: 0 8px 12px rgba($black, .15) !default; | ||
| $shadow-lg: 0 16px 48px rgba($black, .175) !default; | ||
| $shadow-lg:0 16px 48px rgba($black, .175) !default; | ||
| $shadow-xl: 0 20px 25px -5px rgba($black, .1), 0 10px 10px -5px rgba($black, .04) !default; | ||
@@ -911,14 +511,13 @@ $shadow-2xl: 0 25px 50px -12px rgba($black, .25) !default; | ||
| $shadow-none: 0 0 rgba($black, 0) !default; | ||
| $shadow-focus-ring1: 0 0 0 4px rgba($primary-shadow, .25) !default; | ||
| $shadow-focus-ring2: 0 0 0 4px rgba($primary-shadow, .25) !default; | ||
| $primary-shadow-focus: 0 0 0 4px rgba($primary-shadow, .5) !default; | ||
| $secondary-shadow-focus: 0 0 0 4px rgba($secondary-shadow, .5) !default; | ||
| $success-shadow-focus: 0 0 0 4px rgba($success-shadow, .5) !default; | ||
| $danger-shadow-focus: 0 0 0 4px rgba($danger-shadow, .5) !default; | ||
| $info-shadow-focus: 0 0 0 4px rgba($info-shadow, .5) !default; | ||
| $warning-shadow-focus: 0 0 0 4px rgba($warning-shadow, .5) !default; | ||
| $keyboard-focus-shadow: inset 0 0 0 1px $shadow-color, inset 0 0 0 2px $shadow-color1 !default; | ||
| $shadow-focus-ring1: 0 0 0 4px rgba($primary, .25) !default; | ||
| $shadow-focus-ring2: 0 0 0 4px rgba($primary, .25) !default; | ||
| $primary-shadow-focus: 0 0 0 4px rgba(tint-color($primary, 15%), .5) !default; | ||
| $secondary-shadow-focus: 0 0 0 4px rgba(tint-color($secondary, 15%), .5) !default; | ||
| $success-shadow-focus: 0 0 0 4px rgba(tint-color($success, 15%), .5) !default; | ||
| $danger-shadow-focus: 0 0 0 4px rgba(tint-color($danger, 15%), .5) !default; | ||
| $info-shadow-focus: 0 0 0 4px rgba(tint-color($info, 15%), .5) !default; | ||
| $warning-shadow-focus: 0 0 0 4px rgba(tint-color($warning, 15%), .5) !default; | ||
| // fontfamily | ||
| $font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'apple color emoji', 'Segoe UI emoji', 'Segoe UI Symbol', 'Noto color emoji' !default; | ||
| $font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', 'Liberation Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default; | ||
@@ -949,4 +548,2 @@ // default font Size | ||
| // display | ||
| // Line height | ||
@@ -961,24 +558,23 @@ $leading-none: 1 !default; | ||
| // font Weight | ||
| $font-weight: 400 !default; | ||
| $font-weight-lighter: lighter !default; | ||
| $font-weight-light: 300 !default; | ||
| $font-weight-normal: 400 !default; | ||
| $font-weight-medium: 500 !default; | ||
| $font-weight-bold: 700 !default; | ||
| $font-weight-bolder: bolder !default; | ||
| $font-weight-normal:400 !default; | ||
| $font-weight-medium:500 !default; | ||
| $font-weight-bold:700 !default; | ||
| $font-weight-bolder:bolder !default; | ||
| // Secondary-button | ||
| $secondary-bg-color: $secondary-bg-color !default; | ||
| $secondary-border-color: $secondary-border-color !default; | ||
| $secondary-text-color: $secondary-text-color !default; | ||
| $secondary-bg-color-hover: $secondary-bg-color-hover !default; | ||
| $secondary-border-color-hover: $secondary-border-color-hover !default; | ||
| $secondary-text-color-hover: $secondary-text-color-hover !default; | ||
| $secondary-bg-color-pressed: $secondary-bg-color-pressed !default; | ||
| $secondary-border-color-pressed: $secondary-border-color-pressed !default; | ||
| $secondary-text-color-pressed: $secondary-text-color-pressed !default; | ||
| $secondary-bg-color-focus: $secondary-bg-color-focus !default; | ||
| $secondary-border-color-focus: $secondary-border-color-focus !default; | ||
| $secondary-text-color-focus: $secondary-text-color-focus !default; | ||
| $secondary-bg-color-disabled: $secondary-bg-color-disabled !default; | ||
| $secondary-bg-color: $secondary !default; | ||
| $secondary-border-color: $secondary-bg-color !default; | ||
| $secondary-text-color: $white !default; | ||
| $secondary-bg-color-hover: shade-color($secondary-bg-color, 15%) !default; | ||
| $secondary-border-color-hover: shade-color($secondary-bg-color, 20%) !default; | ||
| $secondary-text-color-hover: $secondary-text-color !default; | ||
| $secondary-bg-color-pressed: shade-color($secondary-bg-color, 20%) !default; | ||
| $secondary-border-color-pressed: shade-color($secondary-bg-color, 25%) !default; | ||
| $secondary-text-color-pressed: $secondary-text-color !default; | ||
| $secondary-bg-color-focus: $secondary-bg-color-hover !default; | ||
| $secondary-border-color-focus: $secondary-border-color-hover !default; | ||
| $secondary-text-color-focus: $secondary-text-color-hover !default; | ||
| $secondary-bg-color-disabled: rgba($secondary-bg-color, .65) !default; | ||
| $secondary-border-color-disabled: $secondary-bg-color-disabled !default; | ||
@@ -988,217 +584,223 @@ $secondary-text-color-disabled: rgba($secondary-text-color, .65) !default; | ||
| // Primary-button | ||
| $primary-bg-color: $primary !default; | ||
| $primary-border-color: $primary !default; | ||
| $primary-text: $primary-text-color !default; | ||
| $primary-bg-color-hover: shade-color($primary-bg-color, 15%) !default; | ||
| $primary-border-color-hover: shade-color($primary-bg-color, 20%) !default; | ||
| $primary-text-hover: $primary-text !default; | ||
| $primary-bg-color-pressed: shade-color($primary-bg-color, 20%) !default; | ||
| $primary-border-color-pressed: shade-color($primary-bg-color, 25%) !default; | ||
| $primary-text-pressed: $primary-text-color !default; | ||
| $primary-bg-color-focus: $primary-bg-color-hover !default; | ||
| $primary-border-color-focus: $primary-border-color-hover !default; | ||
| $primary-text-focus: $primary-text !default; | ||
| $primary-bg-color-disabled: rgba($primary-bg-color, .65) !default; | ||
| $primary-border-color-disabled: $primary-bg-color-disabled !default; | ||
| $primary-text-disabled: rgba($primary-text, .65) !default; | ||
| $primary-bg-color: rgba($primary-bg-color, 1) !default; | ||
| $primary-border-color: $primary-border-color !default; | ||
| $primary-text: $primary-text !default; | ||
| $primary-bg-color-hover: $primary-bg-color-hover !default; | ||
| $primary-border-color-hover: $primary-border-color-hover !default; | ||
| $primary-text-hover: $primary-text-hover !default; | ||
| $primary-bg-color-pressed: $primary-bg-color-pressed !default; | ||
| $primary-border-color-pressed: $primary-border-color-pressed !default; | ||
| $primary-text-pressed: $primary-text-pressed !default; | ||
| $primary-bg-color-focus: $primary-bg-color-focus !default; | ||
| $primary-border-color-focus: $primary-border-color-focus !default; | ||
| $primary-text-focus: $primary-text-focus !default; | ||
| $primary-bg-color-disabled: $primary-bg-color-disabled !default; | ||
| $primary-border-color-disabled: $primary-border-color-disabled !default; | ||
| $primary-text-disabled: $primary-text-disabled !default; | ||
| // Success-button | ||
| $success-bg-color: rgba($success-bg-color, 1) !default; | ||
| $success-border-color: $success-border-color !default; | ||
| $success-text: $success-text !default; | ||
| $success-bg-color-hover: $success-bg-color-hover !default; | ||
| $success-border-color-hover: $success-border-color-hover !default; | ||
| $success-text-hover: $success-text-hover !default; | ||
| $success-bg-color-pressed: $success-bg-color-pressed !default; | ||
| $success-border-color-pressed: $success-border-color-pressed !default; | ||
| $success-text-pressed: $success-text-pressed !default; | ||
| $success-bg-color-focus: $success-bg-color-focus !default; | ||
| $success-border-color-focus: $success-border-color-focus !default; | ||
| $success-text-focus: $success-text-focus !default; | ||
| $success-bg-color-disabled: $success-bg-color-disabled !default; | ||
| $success-border-color-disabled: $success-border-color-disabled !default; | ||
| $success-text-disabled: $success-text-disabled !default; | ||
| $success-bg-color: $green !default; | ||
| $success-border-color: $green !default; | ||
| $success-text: $white !default; | ||
| $success-bg-color-hover: shade-color($success-bg-color, 15%) !default; | ||
| $success-border-color-hover: shade-color($success-bg-color, 20%) !default; | ||
| $success-text-hover: $success-text !default; | ||
| $success-bg-color-pressed: shade-color($success-bg-color, 20%) !default; | ||
| $success-border-color-pressed: shade-color($success-bg-color, 25%) !default; | ||
| $success-text-pressed: $success-text !default; | ||
| $success-bg-color-focus: $success-bg-color-hover !default; | ||
| $success-border-color-focus: $success-border-color-hover !default; | ||
| $success-text-focus: $success-text !default; | ||
| $success-bg-color-disabled: rgba($success-bg-color, .65) !default; | ||
| $success-border-color-disabled: $success-bg-color-disabled !default; | ||
| $success-text-disabled: rgba($success-text, .65) !default; | ||
| // Warning-button | ||
| $warning-bg-color: rgba($warning-bg-color, 1) !default; | ||
| $warning-border-color: $warning-border-color !default; | ||
| $warning-text: $warning-text !default; | ||
| $warning-bg-color-hover: $warning-bg-color-hover !default; | ||
| $warning-border-color-hover: $warning-border-color-hover !default; | ||
| $warning-text-hover: $warning-text-hover !default; | ||
| $warning-bg-color-pressed: $warning-bg-color-pressed !default; | ||
| $warning-border-color-pressed: $warning-border-color-pressed !default; | ||
| $warning-text-pressed: $warning-text-pressed !default; | ||
| $warning-bg-color-focus: $warning-bg-color-focus !default; | ||
| $warning-border-color-focus: $warning-border-color-focus !default; | ||
| $warning-text-focus: $warning-text-focus !default; | ||
| $warning-bg-color-disabled: $warning-bg-color-disabled !default; | ||
| $warning-border-color-disabled: $warning-border-color-disabled !default; | ||
| $warning-text-disabled: $warning-text-disabled !default; | ||
| $warning-bg-color: $yellow !default; | ||
| $warning-border-color: $yellow !default; | ||
| $warning-text: $black !default; | ||
| $warning-bg-color-hover: tint-color($warning-bg-color, 15%) !default; | ||
| $warning-border-color-hover: tint-color($warning-bg-color, 10%) !default; | ||
| $warning-text-hover: $warning-text !default; | ||
| $warning-bg-color-pressed: tint-color($warning-bg-color, 20%) !default; | ||
| $warning-border-color-pressed: tint-color($warning-bg-color, 10%) !default; | ||
| $warning-text-pressed: $warning-text !default; | ||
| $warning-bg-color-focus: $warning-bg-color-hover !default; | ||
| $warning-border-color-focus: $warning-border-color-hover !default; | ||
| $warning-text-focus: $warning-text !default; | ||
| $warning-bg-color-disabled: rgba($warning-bg-color, .65) !default; | ||
| $warning-border-color-disabled: $warning-bg-color-disabled !default; | ||
| $warning-text-disabled: rgba($warning-text, .65) !default; | ||
| // danger-button | ||
| $danger-bg-color: $red !default; | ||
| $danger-border-color: $red !default; | ||
| $danger-text: $white !default; | ||
| $danger-bg-color-hover: shade-color($danger-bg-color, 15%) !default; | ||
| $danger-border-color-hover: shade-color($danger-bg-color, 20%) !default; | ||
| $danger-text-hover: $danger-text !default; | ||
| $danger-bg-color-pressed: shade-color($danger-bg-color, 20%) !default; | ||
| $danger-border-color-pressed: shade-color($danger-bg-color, 25%) !default; | ||
| $danger-text-pressed: $danger-text !default; | ||
| $danger-bg-color-focus: $danger-bg-color-hover !default; | ||
| $danger-border-color-focus: $danger-border-color-hover !default; | ||
| $danger-text-focus: $danger-text !default; | ||
| $danger-bg-color-disabled: rgba($danger-bg-color, .65) !default; | ||
| $danger-border-color-disabled: $danger-bg-color-disabled !default; | ||
| $danger-text-disabled: rgba($danger-text, .65) !default; | ||
| // Info-button | ||
| $info-bg-color: rgba($info-bg-color, 1) !default; | ||
| $info-border-color: $info-border-color !default; | ||
| $info-text: $info-text !default; | ||
| $info-bg-color-hover: $info-bg-color-hover !default; | ||
| $info-border-color-hover: $info-border-color-hover !default; | ||
| $info-text-hover: $info-text-hover !default; | ||
| $info-bg-color-pressed: $info-bg-color-pressed !default; | ||
| $info-border-color-pressed: $info-border-color-pressed !default; | ||
| $info-text-pressed: $info-text-pressed !default; | ||
| $info-bg-color-focus: $info-bg-color-focus !default; | ||
| $info-border-color-focus: $info-border-color-focus !default; | ||
| $info-text-focus: $info-text-focus !default; | ||
| $info-bg-color-disabled: $info-bg-color-disabled !default; | ||
| $info-border-color-disabled: $info-border-color-disabled !default; | ||
| $info-text-disabled: $info-text-disabled !default; | ||
| $info-bg-color: $cyan !default; | ||
| $info-border-color: $cyan !default; | ||
| $info-text: $black !default; | ||
| $info-bg-color-hover: tint-color($info-bg-color, 15%) !default; | ||
| $info-border-color-hover: tint-color($info-bg-color, 10%) !default; | ||
| $info-text-hover: $info-text !default; | ||
| $info-bg-color-pressed: tint-color($info-bg-color, 20%) !default; | ||
| $info-border-color-pressed: tint-color($info-bg-color, 10%) !default; | ||
| $info-text-pressed: $info-text !default; | ||
| $info-bg-color-focus: $info-bg-color-hover !default; | ||
| $info-border-color-focus: $info-border-color-hover !default; | ||
| $info-text-focus: $info-text-hover !default; | ||
| $info-bg-color-disabled: rgba($info-bg-color, .65) !default; | ||
| $info-border-color-disabled: $info-bg-color-disabled !default; | ||
| $info-text-disabled: rgba($info-text, .65) !default; | ||
| // danger-button | ||
| $danger-bg-color: rgba($danger-bg-color, 1) !default; | ||
| $danger-border-color: $danger-border-color !default; | ||
| $danger-text: $danger-text !default; | ||
| $danger-bg-color-hover: $danger-bg-color-hover !default; | ||
| $danger-border-color-hover: $danger-border-color-hover !default; | ||
| $danger-text-hover: $danger-text-hover !default; | ||
| $danger-bg-color-pressed: $danger-bg-color-pressed !default; | ||
| $danger-border-color-pressed: $danger-border-color-pressed !default; | ||
| $danger-text-pressed: $danger-text-pressed !default; | ||
| $danger-bg-color-focus: $danger-bg-color-focus !default; | ||
| $danger-border-color-focus: $danger-border-color-focus !default; | ||
| $danger-text-focus: $danger-text-focus !default; | ||
| $danger-bg-color-disabled: $danger-bg-color-disabled !default; | ||
| $danger-border-color-disabled: $danger-border-color-disabled !default; | ||
| $danger-text-disabled: $danger-text-disabled !default; | ||
| //Outline button | ||
| $primary-outline: $primary-outline !default; | ||
| $secondary-outline: $secondary-outline !default; | ||
| $warning-outline: $warning-outline !default; | ||
| $danger-outline: $danger-outline !default; | ||
| $success-outline: $success-outline !default; | ||
| $info-outline: $info-outline !default; | ||
| $primary-outline: lighten($primary, 10%) !default; | ||
| $secondary-outline: lighten($secondary, 10%) !default; | ||
| $warning-outline: lighten($warning, 10%) !default; | ||
| $danger-outline: lighten($danger, 10%) !default; | ||
| $success-outline: lighten($success, 10%) !default; | ||
| $info-outline: lighten($info, 10%) !default; | ||
| // chart series | ||
| $series-1: #e9ecef; | ||
| $series-2: #dee2e6; | ||
| $series-3: #ced4da; | ||
| $series-4: $gray-800; | ||
| $series-5: #1f2937; | ||
| $series-6: #5e6e22; | ||
| $series-7: #978a2b; | ||
| $series-8: #6a4314; | ||
| $series-9: #52236c; | ||
| $series-10: #3a6b6f; | ||
| $series-11: #d64f56; | ||
| $series-12: #f3a93c; | ||
| $skin-name: 'bootstrap5.3' !default; | ||
| $theme-name: 'bootstrap5.3-dark' !default; | ||
| // Chart series | ||
| $series-1: $gray-800; | ||
| $series-2: $gray-700; | ||
| $series-3: $gray-600; | ||
| $series-4: $gray-500; | ||
| $series-5: #5ecb9b; | ||
| $series-6: #a860f1; | ||
| $series-7: #557ef7; | ||
| $series-8: #eba844; | ||
| $series-9: #e9599b; | ||
| $series-10: #3bc6cf; | ||
| $series-11: #74b706; | ||
| $series-12: #ea6266; | ||
| $skin-name: 'bootstrap5' !default; | ||
| $theme-name: 'bootstrap5-dark' !default; | ||
| //diagram Palette color | ||
| $diagram-palette-background: $diagram-palette-background !default; | ||
| $diagram-palette-hover-background: $diagram-palette-hover-background !default; | ||
| //Diagram Palette color | ||
| $diagram-palette-background: $gray-300 !default; | ||
| $diagram-palette-hover-background: $gray-400 !default; | ||
| //Message component | ||
| //Message component | ||
| //Message Default | ||
| $msg-color: $white !default; | ||
| $msg-bg-color: #3b4248 !default; | ||
| $msg-border-color: lighten($gray-800, 7%) !default; | ||
| $msg-color-alt1: $white !default; | ||
| $msg-bg-color-alt1: $transparent !default; | ||
| $msg-border-color-alt1: #9ca3af !default; | ||
| $msg-color-alt2: $white !default; | ||
| $msg-bg-color-alt2: lighten($gray-800, 7%) !default; | ||
| $msg-border-color-alt2: $msg-bg-color-alt2 !default; | ||
| //Message default | ||
| $msg-color: $msg-color !default; | ||
| $msg-bg-color: $msg-bg-color !default; | ||
| $msg-border-color: $msg-border-color !default; | ||
| $msg-color-alt1: $msg-color-alt1 !default; | ||
| $msg-bg-color-alt1: $msg-bg-color-alt1 !default; | ||
| $msg-border-color-alt1: $msg-border-color-alt1 !default; | ||
| $msg-color-alt2: $msg-color-alt2 !default; | ||
| $msg-bg-color-alt2: $msg-bg-color-alt2 !default; | ||
| $msg-border-color-alt2: $msg-border-color-alt2 !default; | ||
| $msg-icon-color: $msg-icon-color !default; | ||
| $msg-icon-color-alt1: $msg-icon-color-alt1 !default; | ||
| $msg-icon-color-alt2: $msg-icon-color-alt2 !default; | ||
| $msg-icon-color: $white !default; | ||
| $msg-icon-color-alt1: $white !default; | ||
| $msg-icon-color-alt2: $white !default; | ||
| $msg-close-icon-color: $msg-close-icon-color !default; | ||
| $msg-close-icon-color-alt1: $msg-close-icon-color-alt21 !default; | ||
| $msg-close-icon-color-alt2: $msg-close-icon-color-alt2 !default; | ||
| $msg-close-icon-color: $icon-color !default; | ||
| $msg-close-icon-color-alt1: $icon-color !default; | ||
| $msg-close-icon-color-alt2: $white !default; | ||
| //Message Danger | ||
| $msg-danger-color: lighten($red, 40%) !default; | ||
| $msg-danger-bg-color: darken($red, 30%) !default; | ||
| $msg-danger-border-color: darken($red, 30%) !default; | ||
| $msg-danger-color-alt1: lighten($red, 10%) !default; | ||
| $msg-danger-bg-color-alt1: $transparent !default; | ||
| $msg-danger-border-color-alt1: lighten($red, 10%) !default; | ||
| $msg-danger-color-alt2: $gray-900 !default; | ||
| $msg-danger-bg-color-alt2: lighten($red, 10%) !default; | ||
| $msg-danger-border-color-alt2: lighten($red, 10%) !default; | ||
| $msg-danger-icon-color: lighten($red, 40%) !default; | ||
| $msg-danger-icon-color-alt1: lighten($red, 10%) !default; | ||
| $msg-danger-icon-color-alt2: $gray-900 !default; | ||
| $msg-danger-close-icon-color: $icon-color !default; | ||
| $msg-danger-close-icon-color-alt1: $icon-color !default; | ||
| $msg-danger-close-icon-color-alt2: $gray-900 !default; | ||
| //Message success | ||
| $msg-success-color: $msg-success-color !default; | ||
| $msg-success-bg-color: $msg-success-bg-color !default; | ||
| $msg-success-border-color: $msg-success-border-color !default; | ||
| $msg-success-color-alt1: $msg-success-color-alt1 !default; | ||
| $msg-success-bg-color-alt1: $msg-success-bg-color-alt1 !default; | ||
| $msg-success-border-color-alt1: $msg-success-border-color-alt1 !default; | ||
| $msg-success-color-alt2: $msg-success-color-alt2 !default; | ||
| $msg-success-bg-color-alt2: $msg-success-bg-color-alt2 !default; | ||
| $msg-success-border-color-alt2: $msg-success-border-color-alt2 !default; | ||
| $msg-success-icon-color: $msg-success-icon-color !default; | ||
| $msg-success-icon-color-alt1: $msg-success-icon-color-alt1 !default; | ||
| $msg-success-icon-color-alt2: $msg-success-icon-color-alt2 !default; | ||
| $msg-success-close-icon-color: $msg-success-close-icon-color !default; | ||
| $msg-success-close-icon-color-alt1: $msg-success-close-icon-color-alt1 !default; | ||
| $msg-success-close-icon-color-alt2: $msg-success-close-icon-color-alt2 !default; | ||
| $msg-success-color: #2ed889 !default; | ||
| $msg-success-bg-color: darken($green, 20%) !default; | ||
| $msg-success-border-color: darken($green, 18%) !default; | ||
| $msg-success-color-alt1: lighten($green, 10%) !default; | ||
| $msg-success-bg-color-alt1: $transparent !default; | ||
| $msg-success-border-color-alt1: lighten($green, 10%) !default; | ||
| $msg-success-color-alt2: $gray-900 !default; | ||
| $msg-success-bg-color-alt2: lighten($green, 10%) !default; | ||
| $msg-success-border-color-alt2: lighten($green, 10%) !default; | ||
| //Message danger | ||
| $msg-danger-color: $msg-danger-color !default; | ||
| $msg-danger-bg-color: $msg-danger-bg-color !default; | ||
| $msg-danger-border-color: $msg-danger-border-color !default; | ||
| $msg-danger-color-alt1: $msg-danger-color-alt1 !default; | ||
| $msg-danger-bg-color-alt1: $msg-danger-bg-color-alt1 !default; | ||
| $msg-danger-border-color-alt1: $msg-danger-border-color-alt1 !default; | ||
| $msg-danger-color-alt2: $msg-danger-color-alt2 !default; | ||
| $msg-danger-bg-color-alt2: $msg-danger-bg-color-alt2 !default; | ||
| $msg-danger-border-color-alt2: $msg-danger-border-color-alt2 !default; | ||
| $msg-danger-icon-color: $msg-danger-icon-color !default; | ||
| $msg-danger-icon-color-alt1: $msg-danger-icon-color-alt1 !default; | ||
| $msg-danger-icon-color-alt2: $msg-danger-icon-color-alt2 !default; | ||
| $msg-danger-close-icon-color: $msg-danger-close-icon-color !default; | ||
| $msg-danger-close-icon-color-alt1: $msg-danger-close-icon-color-alt1 !default; | ||
| $msg-danger-close-icon-color-alt2: $msg-danger-close-icon-color-alt2 !default; | ||
| $msg-success-icon-color: #2ed889 !default; | ||
| $msg-success-icon-color-alt1: lighten($green, 10%) !default; | ||
| $msg-success-icon-color-alt2: $gray-900 !default; | ||
| $msg-success-close-icon-color: $icon-color !default; | ||
| $msg-success-close-icon-color-alt1: $icon-color !default; | ||
| $msg-success-close-icon-color-alt2: $gray-900 !default; | ||
| //Message warning | ||
| $msg-warning-color: lighten($yellow, 35%) !default; | ||
| $msg-warning-bg-color: darken($yellow, 25%) !default; | ||
| $msg-warning-border-color: darken($yellow, 22%) !default; | ||
| $msg-warning-color-alt1: $yellow !default; | ||
| $msg-warning-bg-color-alt1: $transparent !default; | ||
| $msg-warning-border-color-alt1: $yellow !default; | ||
| $msg-warning-color-alt2: $gray-900 !default; | ||
| $msg-warning-bg-color-alt2: $yellow !default; | ||
| $msg-warning-border-color-alt2: $yellow !default; | ||
| $msg-warning-icon-color: $yellow !default; | ||
| $msg-warning-icon-color-alt1: $yellow !default; | ||
| $msg-warning-icon-color-alt2: $gray-900 !default; | ||
| $msg-warning-close-icon-color: $icon-color !default; | ||
| $msg-warning-close-icon-color-alt1: $icon-color !default; | ||
| $msg-warning-close-icon-color-alt2: $gray-900 !default; | ||
| //Message Info | ||
| $msg-info-color: $msg-info-color !default; | ||
| $msg-info-bg-color: $msg-info-bg-color !default; | ||
| $msg-info-border-color: $msg-info-border-color !default; | ||
| $msg-info-color-alt1: $msg-info-color-alt1 !default; | ||
| $msg-info-bg-color-alt1: $msg-info-bg-color-alt1 !default; | ||
| $msg-info-border-color-alt1: $msg-info-border-color-alt1 !default; | ||
| $msg-info-color-alt2: $msg-info-color-alt2 !default; | ||
| $msg-info-bg-color-alt2: $msg-info-bg-color-alt2 !default; | ||
| $msg-info-border-color-alt2: $msg-info-border-color-alt2 !default; | ||
| $msg-info-icon-color: $msg-info-icon-color !default; | ||
| $msg-info-icon-color-alt1: $msg-info-icon-color-alt1 !default; | ||
| $msg-info-icon-color-alt2: $msg-info-icon-color-alt2 !default; | ||
| $msg-info-close-icon-color: $msg-info-close-icon-color !default; | ||
| $msg-info-close-icon-color-alt1: $msg-info-close-icon-color-alt1 !default; | ||
| $msg-info-close-icon-color-alt2: $msg-info-close-icon-color-alt2 !default; | ||
| $msg-info-color: lighten($cyan, 25%) !default; | ||
| $msg-info-bg-color: darken($cyan, 30%) !default; | ||
| $msg-info-border-color: darken($cyan, 27%) !default; | ||
| $msg-info-color-alt1: $cyan !default; | ||
| $msg-info-bg-color-alt1: $transparent !default; | ||
| $msg-info-border-color-alt1: $cyan !default; | ||
| $msg-info-color-alt2: $gray-900 !default; | ||
| $msg-info-bg-color-alt2: $cyan !default; | ||
| $msg-info-border-color-alt2: $cyan !default; | ||
| //Message Warning | ||
| $msg-warning-color: $msg-warning-color !default; | ||
| $msg-warning-bg-color: $msg-warning-bg-color !default; | ||
| $msg-warning-border-color: $msg-warning-border-color !default; | ||
| $msg-warning-color-alt1: $msg-warning-color-alt1 !default; | ||
| $msg-warning-bg-color-alt1: $msg-warning-bg-color-alt1 !default; | ||
| $msg-warning-border-color-alt1: $msg-warning-border-color-alt1 !default; | ||
| $msg-warning-color-alt2: $msg-warning-color-alt2 !default; | ||
| $msg-warning-bg-color-alt2: $msg-warning-bg-color-alt2 !default; | ||
| $msg-warning-border-color-alt2: $msg-warning-border-color-alt2 !default; | ||
| $msg-warning-icon-color: $msg-warning-icon-color !default; | ||
| $msg-warning-icon-color-alt1: $msg-warning-icon-color-alt1 !default; | ||
| $msg-warning-icon-color-alt2: $msg-warning-icon-color-alt2 !default; | ||
| $msg-warning-close-icon-color: $msg-warning-close-icon-color !default; | ||
| $msg-warning-close-icon-color-alt1: $msg-warning-close-icon-color-alt1 !default; | ||
| $msg-warning-close-icon-color-alt2: $msg-warning-close-icon-color-alt2 !default; | ||
| $msg-info-icon-color: $cyan !default; | ||
| $msg-info-icon-color-alt1: $cyan !default; | ||
| $msg-info-icon-color-alt2: $gray-900 !default; | ||
| //app bar | ||
| $msg-info-close-icon-color: $icon-color !default; | ||
| $msg-info-close-icon-color-alt1: $icon-color !default; | ||
| $msg-info-close-icon-color-alt2: $gray-900 !default; | ||
| //App bar | ||
| //Light | ||
| $appbar-bg-color-alt1: $appbar-bg-color-alt1 !default; | ||
| $appbar-color-alt1: $appbar-color-alt1 !default; | ||
| $appbar-border-color-alt1: $appbar-border-color-alt1 !default; | ||
| $appbar-hover-bg-color-alt1: $appbar-hover-bg-color-alt1 !default; | ||
| $appbar-bg-color-alt1: $gray-800 !default; | ||
| $appbar-color-alt1: $white !default; | ||
| $appbar-border-color-alt1: $gray-800 !default; | ||
| $appbar-hover-bg-color-alt1: rgba(255, 255, 255, .08) !default; | ||
| //dark | ||
| $appbar-bg-color-alt2: $appbar-bg-color-alt2 !default; | ||
| $appbar-color-alt2: $appbar-color-alt2 !default; | ||
| $appbar-border-color-alt2: $appbar-border-color-alt2 !default; | ||
| $appbar-hover-bg-color-alt2: $appbar-hover-bg-color-alt2 !default; | ||
| //Dark | ||
| $appbar-bg-color-alt2: $gray-300 !default; | ||
| $appbar-color-alt2: $gray-900 !default; | ||
| $appbar-border-color-alt2: $gray-300 !default; | ||
| $appbar-hover-bg-color-alt2: rgba(transparent, .056) !default; | ||
@@ -1210,9 +812,9 @@ //shadow | ||
| //rating | ||
| $rating-selected-color: $rating-selected-color !default; | ||
| $rating-unrated-color: $rating-unrated-color !default; | ||
| $rating-selected-disabled-color: $rating-selected-disabled-color !default; | ||
| $rating-unrated-disabled-color: $rating-unrated-disabled-color !default; | ||
| $rating-selected-hover-color: $rating-selected-hover-color !default; | ||
| $rating-unrated-hover-color: $rating-unrated-hover-color !default; | ||
| $rating-pressed-color: $rating-pressed-color !default; | ||
| $rating-selected-color: $primary !default; | ||
| $rating-unrated-color: $gray-500 !default; | ||
| $rating-selected-disabled-color: $gray-600 !default; | ||
| $rating-unrated-disabled-color: $gray-700 !default; | ||
| $rating-selected-hover-color: $gray-500 !default; | ||
| $rating-unrated-hover-color: $primary !default; | ||
| $rating-pressed-color: lighten($primary, 15%) !default; | ||
@@ -1236,17 +838,36 @@ //font-icons | ||
| $font-icon-32: 32px !default; | ||
| $accordion-text-active-color: $primary-darker !default; | ||
| //badge | ||
| $badge-light-bg-color: $badge-light-bg-color; | ||
| $badge-light-border-color: $badge-light-border-color; | ||
| $badge-light-text-color: $badge-light-text-color; | ||
| $badge-dark-bg-color: $badge-dark-bg-color; | ||
| $badge-dark-border-color: $badge-dark-border-color; | ||
| $badge-dark-text-color: $badge-dark-text-color; | ||
| $font-size: 12px !default; | ||
| $font-weight: 400 !default; | ||
| $error-font-color: $danger !default; | ||
| $warning-font-color: $yellow !default; | ||
| $success-font-color: lighten($green, 10%) !default; | ||
| $information-font-color: $cyan !default; | ||
| $tab-border: $tab-border; | ||
| $stepper:$stepper; | ||
| //frozen | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; | ||
| $badge-primary-bg-color-darken: darken($primary, 10%); | ||
| $badge-secondary-bg-color-darken: darken($content-bg-color-alt1, 10%); | ||
| $badge-success-bg-color-darken: darken($success-light, 10%); | ||
| $badge-danger-bg-color-darken: darken($danger-light, 10%); | ||
| $badge-warning-bg-color-darken: darken($warning-light, 10%); | ||
| $badge-info-bg-color-darken: darken($info-light, 10%); | ||
| $badge-light-bg-color-darken: darken($content-bg-color-alt2, 10%); | ||
| $badge-dark-bg-color-darken: darken($content-text-color-alt2, 10%); | ||
| $breadcrumb-item-hover-color: darken($primary-outline, 10%); | ||
| $breadcrumb-item-active-color: darken($primary-outline, 15%); | ||
| $breadcrumb-item-focus-border-color: darken($primary-outline, 10%); | ||
| $calendar-yeardecade-selected-hover-bg: darken($primary-bg-color, 10%); | ||
| $calendar-active-hover-bg-color: darken($primary-bg-color, 10%); | ||
| $tab-alt-wrap-hover-color: darken($secondary, 15%); | ||
| $treeview-item-active-hover-bg: darken($content-bg-color-selected, 5%); | ||
| $de-style-btn-bg-color: darken($secondary-bg-color, 7.5%); | ||
| $de-toggle-border-color: darken($secondary-bg-color, 12.5%); | ||
| $de-toggle-hover-color: darken($secondary-bg-color, 7.5%); | ||
| $de-toggle-border-hover-color: darken($secondary-bg-color, 10%); | ||
| $de-toggle-disabled-color: lighten($secondary-bg-color, 65%); | ||
| $connector-point-hover-color: darken($primary, 10%); | ||
| $gantt-connected-task: lighten($primary, 20%); | ||
| $gantt-active-parent-task: lighten($warning-text, 10%); | ||
| $schedule-hover-bg-color: darken($content-bg-color-alt1, 2%); | ||
| $timepicker-active-border-color: darken($gray-600, 10%); | ||
| $hdr-selection-border-color: darken($border-light, 8%); | ||
| $accordion-text-active-color: shade-color($primary, 10%) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -10,7 +7,7 @@ | ||
| @function shade-color($color, $percentage) { | ||
| @return color.mix($black, $color, $percentage); | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return color.mix($white, $color, $percentage); | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
@@ -54,6 +51,6 @@ | ||
| $primary-lighter: tint-color($primary, 90%) !default; | ||
| $success-dark: color.adjust($success, $lightness: -10%) !default; | ||
| $info-dark: color.adjust($info, $lightness: -25%) !default; | ||
| $warning-dark: color.adjust($warning, $lightness: -25%) !default; | ||
| $danger-dark: color.adjust($danger, $lightness: -10%) !default; | ||
| $success-dark: darken($success, 10%) !default; | ||
| $info-dark: darken($info, 25%) !default; | ||
| $warning-dark: darken($warning, 25%) !default; | ||
| $danger-dark: darken($danger, 10%) !default; | ||
| $success-light-alt: tint-color($success, 80%) !default; | ||
@@ -81,5 +78,5 @@ $info-light-alt: tint-color($info, 80%) !default; | ||
| $overlay-bg-color: rgba($black, .5) !default; | ||
| $table-bg-color-hover: color.adjust($content-bg-color-alt1, $lightness: -3%) !default; | ||
| $table-bg-color-hover: darken($content-bg-color-alt1, 3%) !default; | ||
| $table-bg-color-pressed: $gray-300 !default; | ||
| $table-bg-color-selected: color.adjust($content-bg-color-alt1, $lightness: -6%) !default; | ||
| $table-bg-color-selected: darken($content-bg-color-alt1, 6%) !default; | ||
@@ -358,3 +355,3 @@ $colorpicker-gradient-1: #f00 !default; | ||
| $msg-success-border-color:#badbcc !default; | ||
| $msg-success-color-alt1: color.adjust($green, $lightness: -10%) !default; | ||
| $msg-success-color-alt1: darken($green, 10%) !default; | ||
| $msg-success-bg-color-alt1: $transparent !default; | ||
@@ -366,4 +363,4 @@ $msg-success-border-color-alt1: $green !default; | ||
| $msg-success-icon-color: color.adjust($green, $lightness: -10%) !default; | ||
| $msg-success-icon-color-alt1: color.adjust($green, $lightness: -10%) !default; | ||
| $msg-success-icon-color: darken($green, 10%) !default; | ||
| $msg-success-icon-color-alt1: darken($green, 10%) !default; | ||
| $msg-success-icon-color-alt2: $white !default; | ||
@@ -386,3 +383,3 @@ | ||
| $msg-warning-icon-color: #866500 !default; | ||
| $msg-warning-icon-color-alt1: color.adjust($yellow, $lightness: -25%) !default; | ||
| $msg-warning-icon-color-alt1: darken($yellow, 25%) !default; | ||
| $msg-warning-icon-color-alt2: $gray-900 !default; | ||
@@ -404,4 +401,4 @@ | ||
| $msg-info-icon-color: color.adjust($cyan, $lightness: -25%) !default; | ||
| $msg-info-icon-color-alt1: color.adjust($cyan, $lightness: -25%) !default; | ||
| $msg-info-icon-color: darken($cyan, 25%) !default; | ||
| $msg-info-icon-color-alt1: darken($cyan, 25%) !default; | ||
| $msg-info-icon-color-alt2: $gray-900 !default; | ||
@@ -432,3 +429,3 @@ | ||
| $rating-unrated-hover-color: $primary !default; | ||
| $rating-pressed-color: color.adjust($primary, $lightness: 15%) !default; | ||
| $rating-pressed-color: lighten($primary, 15%) !default; | ||
@@ -460,31 +457,28 @@ $font-icon-8: 8px !default; | ||
| $badge-primary-bg-color-darken: color.adjust($primary, $lightness: -10%); | ||
| $badge-secondary-bg-color-darken: color.adjust($content-bg-color-alt1, $lightness: -10%); | ||
| $badge-success-bg-color-darken: color.adjust($success-light, $lightness: -10%); | ||
| $badge-danger-bg-color-darken: color.adjust($danger-light, $lightness: -10%); | ||
| $badge-warning-bg-color-darken: color.adjust($warning-light, $lightness: -10%); | ||
| $badge-info-bg-color-darken: color.adjust($info-light, $lightness: -10%); | ||
| $badge-light-bg-color-darken: color.adjust($content-bg-color-alt2, $lightness: -10%); | ||
| $badge-dark-bg-color-darken: color.adjust($content-text-color-alt2, $lightness: -10%); | ||
| $breadcrumb-item-hover-color: color.adjust($primary-outline, $lightness: -10%); | ||
| $breadcrumb-item-active-color: color.adjust($primary-outline, $lightness: -15%); | ||
| $breadcrumb-item-focus-border-color: color.adjust($primary-outline, $lightness: -10%); | ||
| $calendar-yeardecade-selected-hover-bg: color.adjust($primary-bg-color, $lightness: -10%); | ||
| $calendar-active-hover-bg-color: color.adjust($primary-bg-color, $lightness: -10%); | ||
| $tab-alt-wrap-hover-color: color.adjust($secondary, $lightness: -15%); | ||
| $treeview-item-active-hover-bg: color.adjust($content-bg-color-selected, $lightness: -5%); | ||
| $de-style-btn-bg-color: color.adjust($secondary-bg-color, $lightness: -7.5%); | ||
| $de-toggle-border-color: color.adjust($secondary-bg-color, $lightness: -12.5%); | ||
| $de-toggle-hover-color: color.adjust($secondary-bg-color, $lightness: -7.5%); | ||
| $de-toggle-border-hover-color: color.adjust($secondary-bg-color, $lightness: -10%); | ||
| $de-toggle-disabled-color: color.adjust($secondary-bg-color, $lightness: 65%); | ||
| $connector-point-hover-color: color.adjust($primary, $lightness: -10%); | ||
| $gantt-connected-task: color.adjust($primary, $lightness: 20%); | ||
| $gantt-active-parent-task: color.adjust($warning-text, $lightness: 10%); | ||
| $schedule-hover-bg-color: color.adjust($content-bg-color-alt1, $lightness: -2%); | ||
| $timepicker-active-border-color: color.adjust($gray-600, $lightness: -10%); | ||
| $hdr-selection-border-color: color.adjust($border-light, $lightness: -8%); | ||
| $badge-primary-bg-color-darken: darken($primary, 10%); | ||
| $badge-secondary-bg-color-darken: darken($content-bg-color-alt1, 10%); | ||
| $badge-success-bg-color-darken: darken($success-light, 10%); | ||
| $badge-danger-bg-color-darken: darken($danger-light, 10%); | ||
| $badge-warning-bg-color-darken: darken($warning-light, 10%); | ||
| $badge-info-bg-color-darken: darken($info-light, 10%); | ||
| $badge-light-bg-color-darken: darken($content-bg-color-alt2, 10%); | ||
| $badge-dark-bg-color-darken: darken($content-text-color-alt2, 10%); | ||
| $breadcrumb-item-hover-color: darken($primary-outline, 10%); | ||
| $breadcrumb-item-active-color: darken($primary-outline, 15%); | ||
| $breadcrumb-item-focus-border-color: darken($primary-outline, 10%); | ||
| $calendar-yeardecade-selected-hover-bg: darken($primary-bg-color, 10%); | ||
| $calendar-active-hover-bg-color: darken($primary-bg-color, 10%); | ||
| $tab-alt-wrap-hover-color: darken($secondary, 15%); | ||
| $treeview-item-active-hover-bg: darken($content-bg-color-selected, 5%); | ||
| $de-style-btn-bg-color: darken($secondary-bg-color, 7.5%); | ||
| $de-toggle-border-color: darken($secondary-bg-color, 12.5%); | ||
| $de-toggle-hover-color: darken($secondary-bg-color, 7.5%); | ||
| $de-toggle-border-hover-color: darken($secondary-bg-color, 10%); | ||
| $de-toggle-disabled-color: lighten($secondary-bg-color, 65%); | ||
| $connector-point-hover-color: darken($primary, 10%); | ||
| $gantt-connected-task: lighten($primary, 20%); | ||
| $gantt-active-parent-task: lighten($warning-text, 10%); | ||
| $schedule-hover-bg-color: darken($content-bg-color-alt1, 2%); | ||
| $timepicker-active-border-color: darken($gray-600, 10%); | ||
| $hdr-selection-border-color: darken($border-light, 8%); | ||
| $link-color: $primary; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,15 +0,12 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
| $theme-primary: #0074cc !default; | ||
| $theme-dark-alt: color.adjust($theme-primary, $lightness: -3%) !default; | ||
| $theme-dark: color.adjust($theme-primary, $lightness: -6%) !default; | ||
| $theme-darker: color.adjust($theme-primary, $lightness: -10%) !default; | ||
| $theme-secondary: color.adjust($theme-primary, $lightness: -3%) !default; | ||
| $theme-tertiary: color.adjust($theme-primary, $lightness: -21%) !default; | ||
| $theme-light: color.adjust($theme-primary, $lightness: -44%) !default; | ||
| $theme-lighter: color.adjust($theme-primary, $lightness: -49%) !default; | ||
| $theme-lighter-alt: color.adjust($theme-primary, $lightness: -55%) !default; | ||
| $theme-dark-alt: darken($theme-primary, 3%) !default; | ||
| $theme-dark: darken($theme-primary, 6%) !default; | ||
| $theme-darker: darken($theme-primary, 10%) !default; | ||
| $theme-secondary: lighten($theme-primary, 3%) !default; | ||
| $theme-tertiary: lighten($theme-primary, 21%) !default; | ||
| $theme-light: lighten($theme-primary, 44%) !default; | ||
| $theme-lighter: lighten($theme-primary, 49%) !default; | ||
| $theme-lighter-alt: lighten($theme-primary, 55%) !default; | ||
| $neutral-white: #201f1f !default; | ||
@@ -75,4 +72,4 @@ $neutral-lighter-alt: #282727 !default; | ||
| $msg-danger-color-alt2: $theme-dark-font !default; | ||
| $msg-danger-bg-color-alt2: color.adjust($error-bg, $lightness: -20%) !default; | ||
| $msg-danger-border-color-alt2: color.adjust($error-bg, $lightness: -20%) !default; | ||
| $msg-danger-bg-color-alt2: darken($error-bg, 20%) !default; | ||
| $msg-danger-border-color-alt2: darken($error-bg, 20%) !default; | ||
@@ -87,14 +84,14 @@ $msg-danger-icon-color: $error-font !default; | ||
| $msg-success-color: color.adjust($success-bg, $lightness: 40%) !default; | ||
| $msg-success-bg-color: color.adjust($success-bg, $lightness: -20%) !default; | ||
| $msg-success-border-color: color.adjust($success-bg, $lightness: -20%) !default; | ||
| $msg-success-color-alt1: color.adjust($success-bg, $lightness: 40%) !default; | ||
| $msg-success-color: lighten($success-bg, 40%) !default; | ||
| $msg-success-bg-color: darken($success-bg, 20%) !default; | ||
| $msg-success-border-color: darken($success-bg, 20%) !default; | ||
| $msg-success-color-alt1: lighten($success-bg, 40%) !default; | ||
| $msg-success-bg-color-alt1: transparent !default; | ||
| $msg-success-border-color-alt1: color.adjust($success-bg, $lightness: 40%) !default; | ||
| $msg-success-border-color-alt1: lighten($success-bg, 40%) !default; | ||
| $msg-success-color-alt2: $theme-dark-font !default; | ||
| $msg-success-bg-color-alt2: #286038 !default; | ||
| $msg-success-border-color-alt2: color.adjust($success-bg, $lightness: -17%) !default; | ||
| $msg-success-border-color-alt2: darken($success-bg, 17%) !default; | ||
| $msg-success-icon-color: color.adjust($success-bg, $lightness: 40%) !default; | ||
| $msg-success-icon-color-alt1: color.adjust($success-bg, $lightness: 40%) !default; | ||
| $msg-success-icon-color: lighten($success-bg, 40%) !default; | ||
| $msg-success-icon-color-alt1: lighten($success-bg, 40%) !default; | ||
| $msg-success-icon-color-alt2: $theme-dark-font !default; | ||
@@ -107,13 +104,13 @@ | ||
| $msg-warning-color: #fff4ce !default; | ||
| $msg-warning-bg-color: color.adjust($msg-warning-color, $lightness: -70%) !default; | ||
| $msg-warning-border-color: color.adjust($msg-warning-color, $lightness: -70%) !default; | ||
| $msg-warning-color-alt1: color.adjust($msg-warning-color, $lightness: -50%) !default; | ||
| $msg-warning-bg-color: darken($msg-warning-color, 70%) !default; | ||
| $msg-warning-border-color: darken($msg-warning-color, 70%) !default; | ||
| $msg-warning-color-alt1: darken($msg-warning-color, 50%) !default; | ||
| $msg-warning-bg-color-alt1: transparent !default; | ||
| $msg-warning-border-color-alt1: color.adjust($msg-warning-color, $lightness: -50%) !default; | ||
| $msg-warning-border-color-alt1: darken($msg-warning-color, 50%) !default; | ||
| $msg-warning-color-alt2: $theme-dark-font !default; | ||
| $msg-warning-bg-color-alt2: color.adjust($msg-warning-color, $lightness: -64%) !default; | ||
| $msg-warning-border-color-alt2: color.adjust($msg-warning-color, $lightness: -64%) !default; | ||
| $msg-warning-bg-color-alt2: darken($msg-warning-color, 64%) !default; | ||
| $msg-warning-border-color-alt2: darken($msg-warning-color, 64%) !default; | ||
| $msg-warning-icon-color: color.adjust($msg-warning-color, $lightness: -50%) !default; | ||
| $msg-warning-icon-color-alt1: color.adjust($msg-warning-color, $lightness: -50%) !default; | ||
| $msg-warning-icon-color: darken($msg-warning-color, 50%) !default; | ||
| $msg-warning-icon-color-alt1: darken($msg-warning-color, 50%) !default; | ||
| $msg-warning-icon-color-alt2: $theme-dark-font !default; | ||
@@ -125,4 +122,4 @@ | ||
| $msg-info-color: color.adjust($info-font, $lightness: 20%) !default; | ||
| $msg-info-bg-color: color.adjust($info-font, $lightness: -50%) !default; | ||
| $msg-info-color: lighten($info-font, 20%) !default; | ||
| $msg-info-bg-color: darken($info-font, 50%) !default; | ||
| $msg-info-border-color: $msg-info-bg-color !default; | ||
@@ -133,4 +130,4 @@ $msg-info-color-alt1: $info-font !default; | ||
| $msg-info-color-alt2: $theme-dark-font !default; | ||
| $msg-info-bg-color-alt2: color.adjust($info-font, $lightness: -40%) !default; | ||
| $msg-info-border-color-alt2: color.adjust($info-font, $lightness: -40%) !default; | ||
| $msg-info-bg-color-alt2: darken($info-font, 40%) !default; | ||
| $msg-info-border-color-alt2: darken($info-font, 40%) !default; | ||
@@ -197,4 +194,1 @@ $msg-info-icon-color: $info-font !default; | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; |
@@ -1,15 +0,12 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
| $theme-primary: #0078d6 !default; | ||
| $theme-dark-alt: color.adjust($theme-primary, $lightness: -3%) !default; | ||
| $theme-dark: color.adjust($theme-primary, $lightness: -10%) !default; | ||
| $theme-darker: color.adjust($theme-primary, $lightness: -18%) !default; | ||
| $theme-secondary: color.adjust($theme-primary, $lightness: 3%) !default; | ||
| $theme-tertiary: color.adjust($theme-primary, $lightness: 21%) !default; | ||
| $theme-light: color.adjust($theme-primary, $lightness: 44%) !default; | ||
| $theme-lighter: color.adjust($theme-primary, $lightness: 49%) !default; | ||
| $theme-lighter-alt: color.adjust($theme-primary, $lightness: 55%) !default; | ||
| $theme-dark-alt: darken($theme-primary, 3%) !default; | ||
| $theme-dark: darken($theme-primary, 10%) !default; | ||
| $theme-darker: darken($theme-primary, 18%) !default; | ||
| $theme-secondary: lighten($theme-primary, 3%) !default; | ||
| $theme-tertiary: lighten($theme-primary, 21%) !default; | ||
| $theme-light: lighten($theme-primary, 44%) !default; | ||
| $theme-lighter: lighten($theme-primary, 49%) !default; | ||
| $theme-lighter-alt: lighten($theme-primary, 55%) !default; | ||
| $neutral-white: #fff !default; | ||
@@ -87,11 +84,11 @@ $neutral-lighter-alt: #f8f8f8 !default; | ||
| $msg-warning-border-color: $msg-warning-bg-color !default; | ||
| $msg-warning-color-alt1: color.adjust($msg-warning-bg-color, $lightness: -64%) !default; | ||
| $msg-warning-color-alt1: darken($msg-warning-bg-color, 64%) !default; | ||
| $msg-warning-bg-color-alt1: transparent !default; | ||
| $msg-warning-border-color-alt1: color.adjust($msg-warning-bg-color, $lightness: -50%) !default; | ||
| $msg-warning-border-color-alt1: darken($msg-warning-bg-color, 50%) !default; | ||
| $msg-warning-color-alt2: $neutral-white !default; | ||
| $msg-warning-bg-color-alt2: color.adjust($msg-warning-bg-color, $lightness: -64%) !default; | ||
| $msg-warning-border-color-alt2: color.adjust($msg-warning-bg-color, $lightness: -64%) !default; | ||
| $msg-warning-bg-color-alt2: darken($msg-warning-bg-color, 64%) !default; | ||
| $msg-warning-border-color-alt2: darken($msg-warning-bg-color, 64%) !default; | ||
| $msg-warning-icon-color: color.adjust($msg-warning-bg-color, $lightness: -64%) !default; | ||
| $msg-warning-icon-color-alt1: color.adjust($msg-warning-bg-color, $lightness: -64%) !default; | ||
| $msg-warning-icon-color: darken($msg-warning-bg-color, 64%) !default; | ||
| $msg-warning-icon-color-alt1: darken($msg-warning-bg-color, 64%) !default; | ||
| $msg-warning-icon-color-alt2: $neutral-white !default; | ||
@@ -124,11 +121,11 @@ | ||
| $msg-info-border-color: $msg-info-bg-color !default; | ||
| $msg-info-color-alt1: color.adjust($msg-info-bg-color, $lightness: -65%) !default; | ||
| $msg-info-color-alt1: darken($msg-info-bg-color, 65%) !default; | ||
| $msg-info-bg-color-alt1: transparent !default; | ||
| $msg-info-border-color-alt1: color.adjust($msg-info-bg-color, $lightness: -65%) !default; | ||
| $msg-info-border-color-alt1: darken($msg-info-bg-color, 65%) !default; | ||
| $msg-info-color-alt2: $neutral-white !default; | ||
| $msg-info-bg-color-alt2: color.adjust($msg-info-bg-color, $lightness: -65%) !default; | ||
| $msg-info-border-color-alt2: color.adjust($msg-info-bg-color, $lightness: -65%) !default; | ||
| $msg-info-bg-color-alt2: darken($msg-info-bg-color, 65%) !default; | ||
| $msg-info-border-color-alt2: darken($msg-info-bg-color, 65%) !default; | ||
| $msg-info-icon-color: color.adjust($msg-info-bg-color, $lightness: -65%) !default; | ||
| $msg-info-icon-color-alt1: color.adjust($msg-info-bg-color, $lightness: -65%) !default; | ||
| $msg-info-icon-color: darken($msg-info-bg-color, 65%) !default; | ||
| $msg-info-icon-color-alt1: darken($msg-info-bg-color, 65%) !default; | ||
| $msg-info-icon-color-alt2: $neutral-white !default; | ||
@@ -192,4 +189,1 @@ | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -10,7 +7,7 @@ | ||
| @function shade-color($color, $percentage) { | ||
| @return color.mix($black, $color, $percentage); | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return color.mix($white, $color, $percentage); | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
@@ -74,6 +71,6 @@ | ||
| $danger-light: #fed9cc !default; | ||
| $success-dark: color.adjust($success, $lightness: -5%) !default; | ||
| $info-dark: color.adjust($info, $lightness: -5%) !default; | ||
| $warning-dark: color.adjust($warning, $lightness: -5%) !default; | ||
| $danger-dark: color.adjust($danger, $lightness: -5%) !default; | ||
| $success-dark: darken($success, 5%) !default; | ||
| $info-dark: darken($info, 5%) !default; | ||
| $warning-dark: darken($warning, 5%) !default; | ||
| $danger-dark: darken($danger, 5%) !default; | ||
| $success-light-alt: #0b6a0b !default; | ||
@@ -414,4 +411,4 @@ $info-light-alt: #005b70 !default; | ||
| $msg-warning-color: $white !default; | ||
| $msg-warning-bg-color: color.adjust($orangeyellow10, $lightness: -25%) !default; | ||
| $msg-warning-border-color: color.adjust($orangeyellow10, $lightness: -25%) !default; | ||
| $msg-warning-bg-color: darken($orangeyellow10, 25%) !default; | ||
| $msg-warning-border-color: darken($orangeyellow10, 25%) !default; | ||
| $msg-warning-color-alt1: $orangeyellow10 !default; | ||
@@ -421,4 +418,4 @@ $msg-warning-bg-color-alt1: $transparent !default; | ||
| $msg-warning-color-alt2: $white !default; | ||
| $msg-warning-bg-color-alt2: color.adjust($orangeyellow10, $lightness: -15%) !default; | ||
| $msg-warning-border-color-alt2: color.adjust($orangeyellow10, $lightness: -15%) !default; | ||
| $msg-warning-bg-color-alt2: darken($orangeyellow10, 15%) !default; | ||
| $msg-warning-border-color-alt2: darken($orangeyellow10, 15%) !default; | ||
@@ -435,6 +432,6 @@ $msg-warning-icon-color: $gray60 !default; | ||
| $msg-info-bg-color: #013a3c !default; | ||
| $msg-info-border-color: color.adjust($cyan20, $lightness: -20%) !default; | ||
| $msg-info-color-alt1: color.adjust($cyan20, $lightness: 10%) !default; | ||
| $msg-info-border-color: darken($cyan20, 20%) !default; | ||
| $msg-info-color-alt1: lighten($cyan20, 10%) !default; | ||
| $msg-info-bg-color-alt1: $transparent !default; | ||
| $msg-info-border-color-alt1: color.adjust($cyan20, $lightness: 10%) !default; | ||
| $msg-info-border-color-alt1: lighten($cyan20, 10%) !default; | ||
| $msg-info-color-alt2: $white !default; | ||
@@ -445,3 +442,3 @@ $msg-info-bg-color-alt2: $cyan20 !default; | ||
| $msg-info-icon-color: $content-text-color-alt3 !default; | ||
| $msg-info-icon-color-alt1: color.adjust($cyan20, $lightness: 10%) !default; | ||
| $msg-info-icon-color-alt1: lighten($cyan20, 10%) !default; | ||
| $msg-info-icon-color-alt2: $white !default; | ||
@@ -497,5 +494,2 @@ | ||
| $information-font-color: $white !default; | ||
| $link-color: color.adjust($primary, $lightness: 6%); | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; | ||
| $link-color: lighten($primary, 6%); |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -10,7 +7,7 @@ | ||
| @function shade-color($color, $percentage) { | ||
| @return color.mix($black, $color, $percentage); | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return color.mix($white, $color, $percentage); | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
@@ -74,6 +71,6 @@ | ||
| $danger-light: #fed9cc !default; | ||
| $success-dark: color.adjust($success, $lightness: -10%) !default; | ||
| $info-dark: color.adjust($info, $lightness: -25%) !default; | ||
| $warning-dark: color.adjust($warning, $lightness: -25%) !default; | ||
| $danger-dark: color.adjust($danger, $lightness: -10%) !default; | ||
| $success-dark: darken($success, 10%) !default; | ||
| $info-dark: darken($info, 25%) !default; | ||
| $warning-dark: darken($warning, 25%) !default; | ||
| $danger-dark: darken($danger, 10%) !default; | ||
| $success-light-alt: $success-light !default; | ||
@@ -380,3 +377,3 @@ $info-light-alt: $info-light !default; | ||
| $msg-success-border-color: $success-light !default; | ||
| $msg-success-color-alt1: color.adjust($green20, $lightness: -5%) !default; | ||
| $msg-success-color-alt1: darken($green20, 5%) !default; | ||
| $msg-success-bg-color-alt1: $transparent !default; | ||
@@ -389,3 +386,3 @@ $msg-success-border-color-alt1: $border-success !default; | ||
| $msg-success-icon-color: #107c10 !default; | ||
| $msg-success-icon-color-alt1: color.adjust($green20, $lightness: -5%) !default; | ||
| $msg-success-icon-color-alt1: darken($green20, 5%) !default; | ||
| $msg-success-icon-color-alt2: $white !default; | ||
@@ -398,5 +395,5 @@ | ||
| $msg-danger-color: $gray160 !default; | ||
| $msg-danger-bg-color: color.adjust($red10, $lightness: 42%) !default; | ||
| $msg-danger-border-color: color.adjust($red10, $lightness: 42%) !default; | ||
| $msg-danger-color-alt1: color.adjust($red10, $lightness: -5%) !default; | ||
| $msg-danger-bg-color: lighten($red10, 42%) !default; | ||
| $msg-danger-border-color: lighten($red10, 42%) !default; | ||
| $msg-danger-color-alt1: darken($red10, 5%) !default; | ||
| $msg-danger-bg-color-alt1: $transparent !default; | ||
@@ -409,3 +406,3 @@ $msg-danger-border-color-alt1: #a4262c !default; | ||
| $msg-danger-icon-color: #a80000 !default; | ||
| $msg-danger-icon-color-alt1: color.adjust($red10, $lightness: -5%) !default; | ||
| $msg-danger-icon-color-alt1: darken($red10, 5%) !default; | ||
| $msg-danger-icon-color-alt2: $white !default; | ||
@@ -418,13 +415,13 @@ | ||
| $msg-warning-color: $gray160 !default; | ||
| $msg-warning-bg-color: color.adjust($orangeyellow10, $lightness: 51%) !default; | ||
| $msg-warning-border-color: color.adjust($orangeyellow10, $lightness: 51%) !default; | ||
| $msg-warning-color-alt1: color.adjust($orangeyellow10, $lightness: -10%) !default; | ||
| $msg-warning-bg-color: lighten($orangeyellow10, 51%) !default; | ||
| $msg-warning-border-color: lighten($orangeyellow10, 51%) !default; | ||
| $msg-warning-color-alt1: darken($orangeyellow10, 10%) !default; | ||
| $msg-warning-bg-color-alt1: $transparent !default; | ||
| $msg-warning-border-color-alt1: $orangeyellow10 !default; | ||
| $msg-warning-color-alt2: $white !default; | ||
| $msg-warning-bg-color-alt2: color.adjust($orangeyellow10, $lightness: -13%) !default; | ||
| $msg-warning-border-color-alt2: color.adjust($orangeyellow10, $lightness: -13%) !default; | ||
| $msg-warning-bg-color-alt2: darken($orangeyellow10, 13%) !default; | ||
| $msg-warning-border-color-alt2: darken($orangeyellow10, 13%) !default; | ||
| $msg-warning-icon-color: $gray120 !default; | ||
| $msg-warning-icon-color-alt1: color.adjust($orangeyellow10, $lightness: -13%) !default; | ||
| $msg-warning-icon-color-alt1: darken($orangeyellow10, 13%) !default; | ||
| $msg-warning-icon-color-alt2: $white !default; | ||
@@ -439,3 +436,3 @@ | ||
| $msg-info-border-color: $info-light !default; | ||
| $msg-info-color-alt1: color.adjust($cyan20, $lightness: -5%) !default; | ||
| $msg-info-color-alt1: darken($cyan20, 5%) !default; | ||
| $msg-info-bg-color-alt1: $transparent !default; | ||
@@ -448,3 +445,3 @@ $msg-info-border-color-alt1: $cyan20 !default; | ||
| $msg-info-icon-color: $content-text-color-alt3 !default; | ||
| $msg-info-icon-color-alt1: color.adjust($cyan20, $lightness: -5%) !default; | ||
| $msg-info-icon-color-alt1: darken($cyan20, 5%) !default; | ||
| $msg-info-icon-color-alt2: $white !default; | ||
@@ -501,4 +498,1 @@ | ||
| $link-color: $primary; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -10,7 +7,7 @@ | ||
| @function shade-color($color, $percentage) { | ||
| @return color.mix($black, $color, $percentage); | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return color.mix($white, $color, $percentage); | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
@@ -43,6 +40,6 @@ | ||
| $secondary: $gray-600 !default; | ||
| $success: color.adjust($green, $lightness: 10%) !default; | ||
| $success: lighten($green, 10%) !default; | ||
| $info: $cyan !default; | ||
| $warning: $yellow !default; | ||
| $danger: color.adjust($red, $lightness: 10%) !default; | ||
| $danger: lighten($red, 10%) !default; | ||
| $success-light: tint-color($success, 80%) !default; | ||
@@ -55,13 +52,13 @@ $info-light: tint-color($info, 80%) !default; | ||
| $primary-lighter: shade-color($primary, 80%) !default; | ||
| $success-dark: color.adjust($success, $lightness: -10%) !default; | ||
| $info-dark: color.adjust($info, $lightness: -25%) !default; | ||
| $warning-dark: color.adjust($warning, $lightness: -25%) !default; | ||
| $danger-dark: color.adjust($danger, $lightness: -10%) !default; | ||
| $success-light-alt: color.adjust($green, $lightness: -20%) !default; | ||
| $info-light-alt: color.adjust($cyan, $lightness: -25%) !default; | ||
| $warning-light-alt: color.adjust($yellow, $lightness: -20%) !default; | ||
| $danger-light-alt: color.adjust($red, $lightness: -25%) !default; | ||
| $success-dark: darken($success, 10%) !default; | ||
| $info-dark: darken($info, 25%) !default; | ||
| $warning-dark: darken($warning, 25%) !default; | ||
| $danger-dark: darken($danger, 10%) !default; | ||
| $success-light-alt: darken($green, 20%) !default; | ||
| $info-light-alt: darken($cyan, 25%) !default; | ||
| $warning-light-alt: darken($yellow, 20%) !default; | ||
| $danger-light-alt: darken($red, 25%) !default; | ||
| $content-bg-color: $gray-900 !default; | ||
| $content-bg-color-alt1: color.adjust($gray-900, $lightness: 3%) !default; | ||
| $content-bg-color-alt1: lighten($gray-900, 3%) !default; | ||
| $content-bg-color-alt2: $gray-800 !default; | ||
@@ -71,3 +68,3 @@ $content-bg-color-alt3: $gray-700 !default; | ||
| $content-bg-color-alt5: $gray-500 !default; | ||
| $content-bg-color-hover: color.adjust($content-bg-color, $lightness: 7%) !default; | ||
| $content-bg-color-hover: lighten($content-bg-color, 7%) !default; | ||
| $content-bg-color-pressed: $gray-700 !default; | ||
@@ -79,3 +76,3 @@ $content-bg-color-focus: $content-bg-color-hover !default; | ||
| $flyout-bg-color: $gray-800 !default; | ||
| $flyout-bg-color-hover: color.adjust($flyout-bg-color, $lightness: 7%) !default; | ||
| $flyout-bg-color-hover: lighten($flyout-bg-color, 7%) !default; | ||
| $flyout-bg-color-pressed: $primary !default; | ||
@@ -85,5 +82,5 @@ $flyout-bg-color-focus: $flyout-bg-color-hover !default; | ||
| $overlay-bg-color: rgba($black, .4) !default; | ||
| $table-bg-color-hover: color.adjust($content-bg-color, $lightness: 7%) !default; | ||
| $table-bg-color-hover: lighten($content-bg-color, 7%) !default; | ||
| $table-bg-color-pressed: $gray-700 !default; | ||
| $table-bg-color-selected: color.adjust($content-bg-color, $lightness: 12%) !default; | ||
| $table-bg-color-selected: lighten($content-bg-color, 12%) !default; | ||
@@ -107,3 +104,3 @@ $colorpicker-gradient-1: #f00 !default; | ||
| $content-text-color-alt2: $gray-400 !default; | ||
| $content-text-color-alt3: color.adjust($gray-600, $lightness: 6%) !default; | ||
| $content-text-color-alt3: lighten($gray-600, 6%) !default; | ||
| $content-text-color-hover: $white !default; | ||
@@ -129,3 +126,3 @@ $content-text-color-pressed: $white !default; | ||
| $border-light: color.adjust($gray-800, $lightness: 7%) !default; | ||
| $border-light: lighten($gray-800, 7%) !default; | ||
| $border: $gray-600 !default; | ||
@@ -139,5 +136,5 @@ $border-dark: $gray-500 !default; | ||
| $border-disabled: $border-light !default; | ||
| $border-warning: color.adjust($yellow, $lightness: 10%) !default; | ||
| $border-error: color.adjust($red, $lightness: 10%) !default; | ||
| $border-success: color.adjust($green, $lightness: 10%) !default; | ||
| $border-warning: lighten($yellow, 10%) !default; | ||
| $border-error: lighten($red, 10%) !default; | ||
| $border-success: lighten($green, 10%) !default; | ||
| $spreadsheet-gridline: $gray-300 !default; | ||
@@ -300,8 +297,8 @@ | ||
| $primary-outline: color.adjust($primary, $lightness: 10%) !default; | ||
| $secondary-outline: color.adjust($secondary, $lightness: 10%) !default; | ||
| $warning-outline: color.adjust($warning, $lightness: 10%) !default; | ||
| $danger-outline: color.adjust($danger, $lightness: 10%) !default; | ||
| $success-outline: color.adjust($success, $lightness: 10%) !default; | ||
| $info-outline: color.adjust($info, $lightness: 10%) !default; | ||
| $primary-outline: lighten($primary, 10%) !default; | ||
| $secondary-outline: lighten($secondary, 10%) !default; | ||
| $warning-outline: lighten($warning, 10%) !default; | ||
| $danger-outline: lighten($danger, 10%) !default; | ||
| $success-outline: lighten($success, 10%) !default; | ||
| $info-outline: lighten($info, 10%) !default; | ||
@@ -338,4 +335,1 @@ $series-1: $gray-800; | ||
| $appbar-top-shadow: none !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -10,7 +7,7 @@ | ||
| @function shade-color($color, $percentage) { | ||
| @return color.mix($black, $color, $percentage); | ||
| @return mix($black, $color, $percentage); | ||
| } | ||
| @function tint-color($color, $percentage) { | ||
| @return color.mix($white, $color, $percentage); | ||
| @return mix($white, $color, $percentage); | ||
| } | ||
@@ -54,6 +51,6 @@ | ||
| $primary-lighter: tint-color($primary, 90%) !default; | ||
| $success-dark: color.adjust($success, $lightness: -10%) !default; | ||
| $info-dark: color.adjust($info, $lightness: -25%) !default; | ||
| $warning-dark: color.adjust($warning, $lightness: -25%) !default; | ||
| $danger-dark: color.adjust($danger, $lightness: -10%) !default; | ||
| $success-dark: darken($success, 10%) !default; | ||
| $info-dark: darken($info, 25%) !default; | ||
| $warning-dark: darken($warning, 25%) !default; | ||
| $danger-dark: darken($danger, 10%) !default; | ||
| $success-light-alt: tint-color($success, 80%) !default; | ||
@@ -64,3 +61,2 @@ $info-light-alt: tint-color($info, 80%) !default; | ||
| $badge-primary-bg-color-darken: color.adjust($primary, $lightness: -10%); | ||
| $content-bg-color: $white !default; | ||
@@ -83,5 +79,5 @@ $content-bg-color-alt1: $gray-100 !default; | ||
| $overlay-bg-color: rgba($black, .5) !default; | ||
| $table-bg-color-hover: color.adjust($content-bg-color-alt1, $lightness: -3%) !default; | ||
| $table-bg-color-hover: darken($content-bg-color-alt1, 3%) !default; | ||
| $table-bg-color-pressed: $gray-300 !default; | ||
| $table-bg-color-selected: color.adjust($content-bg-color-alt1, $lightness: -6%) !default; | ||
| $table-bg-color-selected: darken($content-bg-color-alt1, 6%) !default; | ||
@@ -333,4 +329,1 @@ $colorpicker-gradient-1: #f00 !default; | ||
| $appbar-top-shadow: none !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -187,4 +184,1 @@ | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(255, 255, 255, .25) !default; | ||
| $frozen-shadow-2: rgba(255, 255, 255, .25) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -187,4 +184,1 @@ | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(255, 255, 255, .25) !default; | ||
| $frozen-shadow-2: rgba(255, 255, 255, .25) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -69,7 +66,7 @@ | ||
| $msg-danger-color: $grey-white !default; | ||
| $msg-danger-bg-color: color.adjust($msg-danger-color-alt1, $lightness: -25%) !default; | ||
| $msg-danger-border-color: color.adjust($msg-danger-color-alt1, $lightness: -25%) !default; | ||
| $msg-danger-bg-color: darken($msg-danger-color-alt1, 25%) !default; | ||
| $msg-danger-border-color: darken($msg-danger-color-alt1, 25%) !default; | ||
| $msg-danger-color-alt2: $grey-white !default; | ||
| $msg-danger-bg-color-alt2: color.adjust($msg-danger-color-alt1, $lightness: -18%) !default; | ||
| $msg-danger-border-color-alt2: color.adjust($msg-danger-color-alt1, $lightness: -18%) !default; | ||
| $msg-danger-bg-color-alt2: darken($msg-danger-color-alt1, 18%) !default; | ||
| $msg-danger-border-color-alt2: darken($msg-danger-color-alt1, 18%) !default; | ||
@@ -88,7 +85,7 @@ $msg-danger-icon-color: $grey-white !default; | ||
| $msg-success-color: $grey-white !default; | ||
| $msg-success-bg-color: color.adjust($msg-success-color-alt1, $lightness: -15%) !default; | ||
| $msg-success-border-color: color.adjust($msg-success-color-alt1, $lightness: -15%) !default; | ||
| $msg-success-bg-color: darken($msg-success-color-alt1, 15%) !default; | ||
| $msg-success-border-color: darken($msg-success-color-alt1, 15%) !default; | ||
| $msg-success-color-alt2: $grey-white !default; | ||
| $msg-success-bg-color-alt2: color.adjust($msg-success-color-alt1, $lightness: -10%) !default; | ||
| $msg-success-border-color-alt2: color.adjust($msg-success-color-alt1, $lightness: -10%) !default; | ||
| $msg-success-bg-color-alt2: darken($msg-success-color-alt1, 10%) !default; | ||
| $msg-success-border-color-alt2: darken($msg-success-color-alt1, 10%) !default; | ||
@@ -107,7 +104,7 @@ $msg-success-icon-color: $grey-white !default; | ||
| $msg-warning-color: $grey-white !default; | ||
| $msg-warning-bg-color: color.adjust($msg-warning-color-alt1, $lightness: -25%) !default; | ||
| $msg-warning-border-color: color.adjust($msg-warning-color-alt1, $lightness: -25%) !default; | ||
| $msg-warning-bg-color: darken($msg-warning-color-alt1, 25%) !default; | ||
| $msg-warning-border-color: darken($msg-warning-color-alt1, 25%) !default; | ||
| $msg-warning-color-alt2: $grey-white !default; | ||
| $msg-warning-bg-color-alt2: color.adjust($msg-warning-color-alt1, $lightness: -18%) !default; | ||
| $msg-warning-border-color-alt2: color.adjust($msg-warning-color-alt1, $lightness: -18%) !default; | ||
| $msg-warning-bg-color-alt2: darken($msg-warning-color-alt1, 18%) !default; | ||
| $msg-warning-border-color-alt2: darken($msg-warning-color-alt1, 18%) !default; | ||
@@ -126,7 +123,7 @@ $msg-warning-icon-color: $grey-white !default; | ||
| $msg-info-color: $grey-white !default; | ||
| $msg-info-bg-color: color.adjust($msg-info-color-alt1, $lightness: -15%) !default; | ||
| $msg-info-border-color: color.adjust($msg-info-color-alt1, $lightness: -15%) !default; | ||
| $msg-info-bg-color: darken($msg-info-color-alt1, 15%) !default; | ||
| $msg-info-border-color: darken($msg-info-color-alt1, 15%) !default; | ||
| $msg-info-color-alt2: $grey-white !default; | ||
| $msg-info-bg-color-alt2: color.adjust($msg-info-color-alt1, $lightness: -10%) !default; | ||
| $msg-info-border-color-alt2: color.adjust($msg-info-color-alt1, $lightness: -10%) !default; | ||
| $msg-info-bg-color-alt2: darken($msg-info-color-alt1, 10%) !default; | ||
| $msg-info-border-color-alt2: darken($msg-info-color-alt1, 10%) !default; | ||
@@ -195,4 +192,1 @@ $msg-info-icon-color: $grey-white !default; | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -62,7 +59,7 @@ | ||
| $msg-danger-color: $grey-900 !default; | ||
| $msg-danger-bg-color: color.adjust($msg-danger-color-alt1, $lightness: 50%) !default; | ||
| $msg-danger-border-color: color.adjust($msg-danger-color-alt1, $lightness: 50%) !default; | ||
| $msg-danger-bg-color: lighten($msg-danger-color-alt1, 50%) !default; | ||
| $msg-danger-border-color: lighten($msg-danger-color-alt1, 50%) !default; | ||
| $msg-danger-color-alt2: $grey-white !default; | ||
| $msg-danger-bg-color-alt2: color.adjust($msg-danger-color-alt1, $lightness: -20%) !default; | ||
| $msg-danger-border-color-alt2: color.adjust($msg-danger-color-alt1, $lightness: -20%) !default; | ||
| $msg-danger-bg-color-alt2: darken($msg-danger-color-alt1, 20%) !default; | ||
| $msg-danger-border-color-alt2: darken($msg-danger-color-alt1, 20%) !default; | ||
@@ -81,7 +78,7 @@ $msg-danger-icon-color: #d74113 !default; | ||
| $msg-success-color: $grey-900 !default; | ||
| $msg-success-bg-color: color.adjust($msg-success-color-alt1, $lightness: 50%) !default; | ||
| $msg-success-border-color: color.adjust($msg-success-color-alt1, $lightness: 50%) !default; | ||
| $msg-success-bg-color: lighten($msg-success-color-alt1, 50%) !default; | ||
| $msg-success-border-color: lighten($msg-success-color-alt1, 50%) !default; | ||
| $msg-success-color-alt2: $grey-white !default; | ||
| $msg-success-bg-color-alt2: color.adjust($msg-success-color-alt1, $lightness: -10%) !default; | ||
| $msg-success-border-color-alt2: color.adjust($msg-success-color-alt1, $lightness: -10%) !default; | ||
| $msg-success-bg-color-alt2: darken($msg-success-color-alt1, 10%) !default; | ||
| $msg-success-border-color-alt2: darken($msg-success-color-alt1, 10%) !default; | ||
@@ -100,7 +97,7 @@ $msg-success-icon-color: #4d831e !default; | ||
| $msg-warning-color: $grey-900 !default; | ||
| $msg-warning-bg-color: color.adjust($msg-warning-color-alt1, $lightness: 50%) !default; | ||
| $msg-warning-border-color: color.adjust($msg-warning-color-alt1, $lightness: 50%) !default; | ||
| $msg-warning-bg-color: lighten($msg-warning-color-alt1, 50%) !default; | ||
| $msg-warning-border-color: lighten($msg-warning-color-alt1, 50%) !default; | ||
| $msg-warning-color-alt2: $grey-white !default; | ||
| $msg-warning-bg-color-alt2: color.adjust($msg-warning-color-alt1, $lightness: -10%) !default; | ||
| $msg-warning-border-color-alt2: color.adjust($msg-warning-color-alt1, $lightness: -10%) !default; | ||
| $msg-warning-bg-color-alt2: darken($msg-warning-color-alt1, 10%) !default; | ||
| $msg-warning-border-color-alt2: darken($msg-warning-color-alt1, 10%) !default; | ||
@@ -119,7 +116,7 @@ $msg-warning-icon-color: #c15601 !default; | ||
| $msg-info-color: $grey-900 !default; | ||
| $msg-info-bg-color: color.adjust($msg-info-color-alt1, $lightness: 50%) !default; | ||
| $msg-info-border-color: color.adjust($msg-info-color-alt1, $lightness: 50%) !default; | ||
| $msg-info-bg-color: lighten($msg-info-color-alt1, 50%) !default; | ||
| $msg-info-border-color: lighten($msg-info-color-alt1, 50%) !default; | ||
| $msg-info-color-alt2: $grey-white !default; | ||
| $msg-info-bg-color-alt2: color.adjust($msg-info-color-alt1, $lightness: -15%) !default; | ||
| $msg-info-border-color-alt2: color.adjust($msg-info-color-alt1, $lightness: -15%) !default; | ||
| $msg-info-bg-color-alt2: darken($msg-info-color-alt1, 15%) !default; | ||
| $msg-info-border-color-alt2: darken($msg-info-color-alt1, 15%) !default; | ||
@@ -188,4 +185,1 @@ $msg-info-icon-color: #0677d5 !default; | ||
| $border-bottom-radius: 0 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
| @use 'sass:math'; | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -658,4 +655,1 @@ | ||
| $information-font-color: $info !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; |
| @use 'sass:math'; | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -727,4 +724,1 @@ | ||
| $information-font-color: $info !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -86,3 +83,3 @@ | ||
| $content-bg-color: $cool-gray-800 !default; | ||
| $content-bg-color-alt1: color.adjust($cool-gray-800, $lightness: -2%) !default; | ||
| $content-bg-color-alt1: lighten($cool-gray-800, 2%) !default; | ||
| $content-bg-color-alt2: $cool-gray-700 !default; | ||
@@ -104,3 +101,3 @@ $content-bg-color-alt3: $cool-gray-600 !default; | ||
| $content-text-color-alt2: $cool-gray-400 !default; | ||
| $content-text-color-alt3: color.adjust($cool-gray-500, $lightness: -12%) !default; | ||
| $content-text-color-alt3: lighten($cool-gray-500, 12%) !default; | ||
| $content-text-color-hover: $white !default; | ||
@@ -419,3 +416,3 @@ $content-text-color-pressed: $white !default; | ||
| $rating-unrated-hover-color: $cool-gray-400 !default; | ||
| $rating-pressed-color: color.adjust($primary, $lightness: -15%) !default; | ||
| $rating-pressed-color: lighten($primary, 15%) !default; | ||
@@ -446,4 +443,1 @@ $font-icon-8: 8px !default; | ||
| $information-font-color: $cyan-700 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .25) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .25) !default; |
@@ -1,4 +0,1 @@ | ||
| @use 'sass:color'; | ||
| @use 'sass:meta'; | ||
| @use 'sass:list'; | ||
| @import '../common/mixin.scss'; | ||
@@ -415,3 +412,3 @@ | ||
| $rating-unrated-hover-color: $cool-gray-700 !default; | ||
| $rating-pressed-color: color.adjust($primary, $lightness: -15%) !default; | ||
| $rating-pressed-color: darken($primary, 15%) !default; | ||
@@ -442,4 +439,1 @@ $font-icon-8: 8px !default; | ||
| $information-font-color: $cyan-700 !default; | ||
| $frozen-shadow: rgba(0, 0, 0, .12) !default; | ||
| $frozen-shadow-2: rgba(0, 0, 0, .12) !default; |
Sorry, the diff of this file is not supported yet
-100
| # ej2-base | ||
| A common package of Essential JS 2 which contains base libraries, methods and class definitions. | ||
| > This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of [Syncfusion's EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials). | ||
| > | ||
| > A free [community license](https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers. | ||
| ## Setup | ||
| To install `ej2-base`, use the following command. | ||
| ```sh | ||
| npm install @syncfusion/ej2-base | ||
| ``` | ||
| ## Resources | ||
| * [Getting Started](https://ej2.syncfusion.com/documentation/getting-started?utm_source=npm&utm_campaign=ej2-base) | ||
| * [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Product Page](https://www.syncfusion.com/products/javascript?utm_source=npm&utm_campaign=ej2-base) | ||
| ## Framework highlights | ||
| ### Lightweight and user friendly | ||
| The entire Essential JS 2 framework is built from scratch to be lightweight and modular. Its footprint can be reduced further by including only the specific components and features your application requires. | ||
| ### Modular architecture | ||
| All components have been built as modules to enable selective referencing, so only the components and features you need are included in your application. | ||
| ### Built for performance | ||
| Performance is critical for delivering a good user experience. We ensure that all our components are designed and built to achieve the best performance possible. | ||
| ### Responsive and touch friendly | ||
| All Essential JS 2 controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops. | ||
| ### Stunning built-in themes | ||
| Pixel-perfect built-in themes are available in material, bootstrap and fabric design. In addition, it comes with Accessible high-contrast theme and an online tool "[Theme Studio](https://ej2.syncfusion.com/themestudio/)" to customize the provided built-in themes. | ||
| ### Globalization simplified | ||
| Easily build applications to be used by a global audience in various language and culture settings. | ||
| ### Stay current | ||
| With our commitment to at least four major updates per year, you receive the most up-to-date functionality and new components in addition to monthly service packs and bug fixes. Custom patches are available as needed. | ||
| ## Supported Frameworks | ||
| The Essential JS 2 is also offered in following list of frameworks. | ||
| * [Angular](https://www.syncfusion.com/products/angular?utm_source=npm&utm_campaign=ej2-base) | ||
| * [React](https://www.syncfusion.com/products/react?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Vue.js](https://www.syncfusion.com/products/vue?utm_source=npm&utm_campaign=ej2-base) | ||
| * [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore?utm_source=npm&utm_campaign=ej2-base) | ||
| * [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc?utm_source=npm&utm_campaign=ej2-base) | ||
| ## Showcase Applications | ||
| * [Diagram Builder](https://ej2.syncfusion.com/showcase/angular/diagrambuilder?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Expense Tracker](https://ej2.syncfusion.com/showcase/typescript/expensetracker?utm_source=npm&utm_campaign=ej2-base) | ||
| * [IT Asset Management](https://ej2.syncfusion.com/showcase/vue/assetmanagement?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Loan Calculator](https://ej2.syncfusion.com/showcase/typescript/loancalculator?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Stock Chart](https://ej2.syncfusion.com/showcase/angular/stockchart?utm_source=npm&utm_campaign=ej2-base) | ||
| * [Story Estimator](https://aspdotnetcore.syncfusion.com/showcase/aspnetcore/story-estimator/) | ||
| * [Web Mail](https://ej2.syncfusion.com/showcase/typescript/webmail?utm_source=npm&utm_campaign=ej2-base) | ||
| ## Key Features | ||
| * Ajax | ||
| * Animation | ||
| * Drag and Drop | ||
| * Internationalization | ||
| * Localization | ||
| * Template Engine | ||
| * Right to Left | ||
| * State Persistence | ||
| ## Support | ||
| Product support is available for through following mediums. | ||
| * Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=ej2-base) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=ej2-base). | ||
| * New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new). | ||
| * Ask your query in [Stack Overflow](https://stackoverflow.com/) with tag `syncfusion` and `ej2`. | ||
| ## License | ||
| Check the license detail [here](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license). | ||
| ## Changelog | ||
| Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes/index/?utm_source=npm&utm_campaign=ej2-base). | ||
| © Copyright 2022 Syncfusion, Inc. All Rights Reserved. | ||
| The Syncfusion Essential Studio license and copyright applies to this distribution. |
| @use 'sass:meta'; | ||
| @import 'definition/tailwind3-dark.scss'; | ||
| @if not meta.variable-exists('is-inter-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule | ||
| } | ||
| $font-family: 'Inter' !default; | ||
| $font-size: 12px !default; | ||
| $font-weight: normal !default; | ||
| $error-font-color: $danger !default; | ||
| $warning-font-color: $warning !default; | ||
| $success-font-color: $success !default; | ||
| $information-font-color: $info !default; |
| @use 'sass:meta'; | ||
| @import 'definition/tailwind3.scss'; | ||
| @if not meta.variable-exists('is-inter-loaded') { | ||
| //sass-lint:disable no-url-protocols,no-url-domains | ||
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');// stylelint-disable-line no-invalid-position-at-import-rule | ||
| } | ||
| $font-family: 'Inter' !default; | ||
| $font-size: 12px !default; | ||
| $font-weight: normal !default; | ||
| $error-font-color: $danger !default; | ||
| $warning-font-color: $warning !default; | ||
| $success-font-color: $success !default; | ||
| $information-font-color: $info !default; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bds.scss'; | ||
| @import 'bds-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bds.scss'; | ||
| @import 'bds-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap.scss'; | ||
| @import 'bootstrap-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap.scss'; | ||
| @import 'bootstrap-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap4.scss'; | ||
| @import 'bootstrap4-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap5.scss'; | ||
| @import 'bootstrap5-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap5.scss'; | ||
| @import 'bootstrap5-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap5.scss'; | ||
| @import 'bootstrap5.3-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/bootstrap5.scss'; | ||
| @import 'bootstrap5.3-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/fabric.scss'; | ||
| @import 'fabric-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/fabric.scss'; | ||
| @import 'fabric-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/fluent.scss'; | ||
| @import 'fluent-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/fluent.scss'; | ||
| @import 'fluent-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/fluent2.scss'; | ||
| @import 'fluent2-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/highcontrast.scss'; | ||
| @import 'highcontrast-light-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/highcontrast.scss'; | ||
| @import 'highcontrast-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/material.scss'; | ||
| @import 'material-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/material.scss'; | ||
| @import 'material-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/material3.scss'; | ||
| @import 'material3-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/material3.scss'; | ||
| @import 'material3-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/tailwind.scss'; | ||
| @import 'tailwind-dark-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/tailwind.scss'; | ||
| @import 'tailwind-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/tailwind3.scss'; | ||
| @import 'tailwind3-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
| @import 'ej2-icons/styles/tailwind3.scss'; | ||
| @import 'tailwind3-definition.scss'; | ||
| @import 'all.scss'; |
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is too big to display
New alerts
Obfuscated code
Supply chain riskObfuscated files are intentionally packed to hide their behavior. This could be a sign of malware.
Found 1 instance in 1 package
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Fixed alerts
Network access
Supply chain riskThis module accesses the network.
Found 1 instance in 1 package
Uses eval
Supply chain riskPackage uses dynamic code execution (e.g., eval()), which is a dangerous practice. This can prevent the code from running in certain environments and increases the risk that the code may contain exploits or malicious behavior.
Found 1 instance in 1 package
Environment variable access
Supply chain riskPackage accesses environment variables, which may be a sign of credential stuffing or data theft.
Found 1 instance in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
Long strings
Supply chain riskContains long string literals, which may be a sign of obfuscated or packed code.
Found 1 instance in 1 package
URL strings
Supply chain riskPackage contains fragments of external URLs or IP addresses, which the package may be accessing at runtime.
Found 1 instance in 1 package
Improved metrics
- Number of low supply chain risk alerts
190
-0.52%Worsened metrics
- Total package byte prevSize
13346153
-44.96%- Number of package files
201
-20.24%- Lines of code
130985
-47.72%- Number of high supply chain risk alerts
1
Infinity%No dependency changes