@itfin/components 1.5.0 → 1.5.2

package/dist/ITFComponents.common.js

@@ -0,0 +1,87 @@
+/******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) // removed by dead control flow
+{ var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+;// ./src/main.js
+function install(Vue) {}
+install.version = '__VERSION__';
+if (typeof window !== 'undefined') {
+  window.Vue && window.Vue.use(install);
+  window['ITFComponents'] = install;
+  if (install.installed) {
+    install.installed = false;
+  }
+}
+;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (install);
+
+
+module.exports = __webpack_exports__;
+/******/ })()
+;
+//# sourceMappingURL=ITFComponents.common.js.map

package/dist/ITFComponents.common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITFComponents.common.js","mappings":";;UAAA;UACA;;;;;WCDA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,8CAA8C,yD;;;;;WCA9C;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;WCNA,2B;;;;;;;;;;;;;;ACAA;AACA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE;AAAA,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACA,kDAAe,IAAI;;;ACtBJ,SAASA,OAAOA,CAACC,GAAG,EAAE,CACrC;AACAD,OAAO,CAACE,OAAO,GAAG,aAAa;AAE/B,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCA,MAAM,CAACF,GAAG,IAAIE,MAAM,CAACF,GAAG,CAACG,GAAG,CAACJ,OAAO,CAAC;EACrCG,MAAM,CAAC,eAAe,CAAC,GAAGH,OAAO;EAEjC,IAAIA,OAAO,CAACK,SAAS,EAAE;IACrBL,OAAO,CAACK,SAAS,GAAG,KAAK;EAC3B;AACF,C;;ACXwB;AACA;AACxB,8CAAe,OAAG;AACI","sources":["webpack://@itfin/components/webpack/bootstrap","webpack://@itfin/components/webpack/runtime/define property getters","webpack://@itfin/components/webpack/runtime/hasOwnProperty shorthand","webpack://@itfin/components/webpack/runtime/make namespace object","webpack://@itfin/components/webpack/runtime/publicPath","webpack://@itfin/components/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://@itfin/components/./src/main.js","webpack://@itfin/components/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"sourcesContent":["// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","/* eslint-disable no-var */\n// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","export default function install(Vue) {\n}\ninstall.version = '__VERSION__';\n\nif (typeof window !== 'undefined') {\n  window.Vue && window.Vue.use(install);\n  window['ITFComponents'] = install;\n\n  if (install.installed) {\n    install.installed = false;\n  }\n}\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"names":["install","Vue","version","window","use","installed"],"sourceRoot":""}

package/dist/ITFComponents.umd.js

@@ -0,0 +1,98 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["ITFComponents"] = factory();
+	else
+		root["ITFComponents"] = factory();
+})((typeof self !== 'undefined' ? self : this), function() {
+return /******/ (function() { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	!function() {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = function(exports, definition) {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	!function() {
+/******/ 		__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	!function() {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = function(exports) {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	}();
+/******/ 	
+/******/ 	/* webpack/runtime/publicPath */
+/******/ 	!function() {
+/******/ 		__webpack_require__.p = "";
+/******/ 	}();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  "default": function() { return /* binding */ entry_lib; }
+});
+
+;// ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+/* eslint-disable no-var */
+// This file is imported into lib/wc client bundles.
+
+if (typeof window !== 'undefined') {
+  var currentScript = window.document.currentScript
+  if (false) // removed by dead control flow
+{ var getCurrentScript; }
+
+  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (src) {
+    __webpack_require__.p = src[1] // eslint-disable-line
+  }
+}
+
+// Indicate to webpack that this file can be concatenated
+/* harmony default export */ var setPublicPath = (null);
+
+;// ./src/main.js
+function install(Vue) {}
+install.version = '__VERSION__';
+if (typeof window !== 'undefined') {
+  window.Vue && window.Vue.use(install);
+  window['ITFComponents'] = install;
+  if (install.installed) {
+    install.installed = false;
+  }
+}
+;// ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+
+
+/* harmony default export */ var entry_lib = (install);
+
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=ITFComponents.umd.js.map

package/dist/ITFComponents.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITFComponents.umd.js","mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AACD,O;;UCVA;UACA;;;;;WCDA;WACA;WACA;WACA;WACA,yCAAyC,wCAAwC;WACjF;WACA;WACA,E;;;;;WCPA,8CAA8C,yD;;;;;WCA9C;WACA;WACA;WACA,uDAAuD,iBAAiB;WACxE;WACA,gDAAgD,aAAa;WAC7D,E;;;;;WCNA,2B;;;;;;;;;;;;;;ACAA;AACA;;AAEA;AACA;AACA,MAAM,KAAuC,EAAE;AAAA,yBAQ5C;;AAEH;AACA;AACA,IAAI,qBAAuB;AAC3B;AACA;;AAEA;AACA,kDAAe,IAAI;;;ACtBJ,SAASA,OAAOA,CAACC,GAAG,EAAE,CACrC;AACAD,OAAO,CAACE,OAAO,GAAG,aAAa;AAE/B,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE;EACjCA,MAAM,CAACF,GAAG,IAAIE,MAAM,CAACF,GAAG,CAACG,GAAG,CAACJ,OAAO,CAAC;EACrCG,MAAM,CAAC,eAAe,CAAC,GAAGH,OAAO;EAEjC,IAAIA,OAAO,CAACK,SAAS,EAAE;IACrBL,OAAO,CAACK,SAAS,GAAG,KAAK;EAC3B;AACF,C;;ACXwB;AACA;AACxB,8CAAe,OAAG;AACI","sources":["webpack://ITFComponents/webpack/universalModuleDefinition","webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/webpack/runtime/define property getters","webpack://ITFComponents/webpack/runtime/hasOwnProperty shorthand","webpack://ITFComponents/webpack/runtime/make namespace object","webpack://ITFComponents/webpack/runtime/publicPath","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://ITFComponents/./src/main.js","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ITFComponents\"] = factory();\n\telse\n\t\troot[\"ITFComponents\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","/* eslint-disable no-var */\n// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","export default function install(Vue) {\n}\ninstall.version = '__VERSION__';\n\nif (typeof window !== 'undefined') {\n  window.Vue && window.Vue.use(install);\n  window['ITFComponents'] = install;\n\n  if (install.installed) {\n    install.installed = false;\n  }\n}\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"names":["install","Vue","version","window","use","installed"],"sourceRoot":""}

package/dist/ITFComponents.umd.min.js

@@ -0,0 +1,2 @@
+(function(e,n){"object"===typeof exports&&"object"===typeof module?module.exports=n():"function"===typeof define&&define.amd?define([],n):"object"===typeof exports?exports["ITFComponents"]=n():e["ITFComponents"]=n()})("undefined"!==typeof self?self:this,function(){return function(){"use strict";var e={};!function(){e.d=function(n,o){for(var t in o)e.o(o,t)&&!e.o(n,t)&&Object.defineProperty(n,t,{enumerable:!0,get:o[t]})}}(),function(){e.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)}}(),function(){e.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){e.p=""}();var n={};if(e.r(n),e.d(n,{default:function(){return r}}),"undefined"!==typeof window){var o=window.document.currentScript,t=o&&o.src.match(/(.+\/)[^/]+\.js(\?.*)?$/);t&&(e.p=t[1])}function i(e){}i.version="__VERSION__","undefined"!==typeof window&&(window.Vue&&window.Vue.use(i),window["ITFComponents"]=i,i.installed&&(i.installed=!1));var r=i;return n}()});
+//# sourceMappingURL=ITFComponents.umd.min.js.map

package/dist/ITFComponents.umd.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ITFComponents.umd.min.js","mappings":"CAAA,SAA2CA,EAAMC,GAC1B,kBAAZC,SAA0C,kBAAXC,OACxCA,OAAOD,QAAUD,IACQ,oBAAXG,QAAyBA,OAAOC,IAC9CD,OAAO,GAAIH,GACe,kBAAZC,QACdA,QAAQ,iBAAmBD,IAE3BD,EAAK,iBAAmBC,GACzB,EATD,CASoB,qBAATK,KAAuBA,KAAOC,KAAO,WAChD,O,wBCTA,IAAIC,EAAsB,CAAC,G,WCA3BA,EAAoBC,EAAI,SAASP,EAASQ,GACzC,IAAI,IAAIC,KAAOD,EACXF,EAAoBI,EAAEF,EAAYC,KAASH,EAAoBI,EAAEV,EAASS,IAC5EE,OAAOC,eAAeZ,EAASS,EAAK,CAAEI,YAAY,EAAMC,IAAKN,EAAWC,IAG3E,C,eCPAH,EAAoBI,EAAI,SAASK,EAAKC,GAAQ,OAAOL,OAAOM,UAAUC,eAAeC,KAAKJ,EAAKC,EAAO,C,eCCtGV,EAAoBc,EAAI,SAASpB,GACX,qBAAXqB,QAA0BA,OAAOC,aAC1CX,OAAOC,eAAeZ,EAASqB,OAAOC,YAAa,CAAEC,MAAO,WAE7DZ,OAAOC,eAAeZ,EAAS,aAAc,CAAEuB,OAAO,GACvD,C,eCNAjB,EAAoBkB,EAAI,E,aCGxB,G,6CAAsB,qBAAXC,OAAwB,CACjC,IAAIC,EAAgBD,OAAOE,SAASD,cAWhCE,EAAMF,GAAiBA,EAAcE,IAAIC,MAAM,2BAC/CD,IACF,IAA0BA,EAAI,GAElC,CCnBe,SAASE,EAAQC,GAChC,CACAD,EAAQE,QAAU,cAEI,qBAAXP,SACTA,OAAOM,KAAON,OAAOM,IAAIE,IAAIH,GAC7BL,OAAO,iBAAmBK,EAEtBA,EAAQI,YACVJ,EAAQI,WAAY,ICPxB,Q","sources":["webpack://ITFComponents/webpack/universalModuleDefinition","webpack://ITFComponents/webpack/bootstrap","webpack://ITFComponents/webpack/runtime/define property getters","webpack://ITFComponents/webpack/runtime/hasOwnProperty shorthand","webpack://ITFComponents/webpack/runtime/make namespace object","webpack://ITFComponents/webpack/runtime/publicPath","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js","webpack://ITFComponents/./src/main.js","webpack://ITFComponents/./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js"],"sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine([], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"ITFComponents\"] = factory();\n\telse\n\t\troot[\"ITFComponents\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn ","// The require scope\nvar __webpack_require__ = {};\n\n","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","/* eslint-disable no-var */\n// This file is imported into lib/wc client bundles.\n\nif (typeof window !== 'undefined') {\n  var currentScript = window.document.currentScript\n  if (process.env.NEED_CURRENTSCRIPT_POLYFILL) {\n    var getCurrentScript = require('@soda/get-current-script')\n    currentScript = getCurrentScript()\n\n    // for backward compatibility, because previously we directly included the polyfill\n    if (!('currentScript' in document)) {\n      Object.defineProperty(document, 'currentScript', { get: getCurrentScript })\n    }\n  }\n\n  var src = currentScript && currentScript.src.match(/(.+\\/)[^/]+\\.js(\\?.*)?$/)\n  if (src) {\n    __webpack_public_path__ = src[1] // eslint-disable-line\n  }\n}\n\n// Indicate to webpack that this file can be concatenated\nexport default null\n","export default function install(Vue) {\n}\ninstall.version = '__VERSION__';\n\nif (typeof window !== 'undefined') {\n  window.Vue && window.Vue.use(install);\n  window['ITFComponents'] = install;\n\n  if (install.installed) {\n    install.installed = false;\n  }\n}\n","import './setPublicPath'\nimport mod from '~entry'\nexport default mod\nexport * from '~entry'\n"],"names":["root","factory","exports","module","define","amd","self","this","__webpack_require__","d","definition","key","o","Object","defineProperty","enumerable","get","obj","prop","prototype","hasOwnProperty","call","r","Symbol","toStringTag","value","p","window","currentScript","document","src","match","install","Vue","version","use","installed"],"sourceRoot":""}

package/dist/demo.html

@@ -0,0 +1 @@
+<!doctype html><meta charset="utf-8"><title>ITFComponents demo</title><script src="./ITFComponents.umd.js"></script><link rel="stylesheet" href="./ITFComponents.css"><script>console.log(ITFComponents)</script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itfin/components",
-  "version": "1.5.0",
+  "version": "1.5.2",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/assets/scss/_css_variables.scss

@@ -1,14 +1,19 @@
 @import './variables.scss';
 @import './bootstrap.scss';
 
-$color-income: #398241;
-$color-outcome: #C33737;
+$color-income: #0d935b;
+$color-outcome: #b91e1e;
 
 :root {
   --color-income: #{$color-income};
   --color-outcome: #{$color-outcome};
   --color-primary: #{$primary};
   --body-bg: #{$body-bg};
+
+  .modal-backdrop {
+    --bs-backdrop-bg: #{$body-bg};
+    --bs-backdrop-opacity: 0.75;
+  }
 }
 
 [data-theme="dark"] {

package/src/assets/scss/_dark-theme.scss

@@ -9,6 +9,16 @@ body[data-theme="dark"] {
   --bs-link-color: #{$dark-link-color};
   --bs-link-hover-color: #{darken($dark-link-color, 10%)};
 
+  .color-project-tnm {
+    color: lighten($project-tnm, 50%);
+  }
+  .color-project-fixed {
+    color: $project-fixed;
+  }
+  .color-project-nonprofit {
+    color: $project-nonprofit;
+  }
+
   .form-control {
     background-color: $dark-input-bg;
     border-color: $dark-input-bg;
@@ -50,7 +60,7 @@ body[data-theme="dark"] {
 
   .dropdown-menu {
     --bs-dropdown-link-color: #{$dark-link-color};
-    --bs-dropdown-link-hover-color: #1e2125;
-    --bs-dropdown-link-hover-bg: #{$dark-link-color};
+    --bs-dropdown-link-hover-bg: rgba(var(--bs-primary-rgb), .15);
+    --bs-dropdown-link-active-bg: rgba(var(--bs-primary-rgb), .5);
   }
 }

package/src/assets/scss/_variables.scss

@@ -1,6 +1,6 @@
 // Include any default variable overrides here
-$font-family-base: 'Recht', sans-serif;
-$headings-font-family: 'Recht', sans-serif;
+$font-family-base: 'Fira Sans', sans-serif;
+$headings-font-family: 'Fira Sans', sans-serif;
 $font-family-monospace: "Fira Mono", "Courier New", monospace;
 
 $headings-font-size-base:     1rem;
@@ -11,8 +11,7 @@ $h4-font-size:                $headings-font-size-base * 1.25;
 $h5-font-size:                $headings-font-size-base * 1.125;
 $h6-font-size:                $headings-font-size-base;
 
-$border-width:                1px;
-$zindex-toaster:              1071 !default;
+$zindex-toaster:                    1071 !default;
 
 $border-radius: .5rem;
 $border-radius-sm: .375rem;
@@ -28,7 +27,6 @@ $warning: #cda277;
 $danger: #cb4839;
 
 $primary: #0B314F !default;
-$secondary: #dfe1e6;
 $link-color: #0B314F !default;
 $input-btn-focus-width: .125rem;
 
@@ -38,7 +36,6 @@ $input-border-radius: 10px;
 $input-font-size: 0.875rem;
 $input-font-family: "Fira Mono", "Courier New", monospace;
 
-$input-placeholder-color: #A7AFBB;
 $input-focus-bg: #fff;
 $input-focus-border-color: #fff;
 
@@ -48,13 +45,14 @@ $input-focus-border: rgb(11 49 79 / 25%);
 $form-check-input-border: 1px solid rgba(#000, .08);
 $form-switch-focus-color: tint-color($primary, 50%);
 
-$modal-backdrop-bg: #222;
-$modal-backdrop-opacity: .5;
-$modal-content-border-width: 0;
-$modal-footer-border-color: 0;
+$modal-backdrop-bg: #999;
+$modal-backdrop-opacity: .25;
+$modal-content-border-radius: 0;
+
+$secondary: #dfe1e6;
 
 // popover
-$popover-border-width: 1px;
+$popover-border-width: 2px;
 
 // dropdown
 
@@ -89,26 +87,3 @@ $primaryColor15: #DAE0E5;
 $baseText: #1e1e1e;
 $gray5: #F0F0F1;
 $gray50: #787885;
-
-//$theme-colors: (
-//  "primary":    $primary,
-//  "secondary":  $secondary,
-//  "success":    $success,
-//  "info":       $info,
-//  "warning":    $warning,
-//  "danger":     $danger,
-//  "blue":       $link-color
-//);
-
-// згідно з дизайном
-//$body-color: #22222B;
-//$dropdown-border-radius: .75rem;
-//$dropdown-padding-x: .5rem;
-//$dropdown-item-padding-x: .5rem;
-//$dropdown-link-hover-bg: #F1F2F4;
-//$border-color-translucent:    #00000014;
-//$dropdown-header-color: #A5A5A9;
-//$input-group-addon-bg: $input-bg;
-//$form-check-input-checked-bg-color: #22222B;
-//$form-check-input-indeterminate-bg-color: #22222B;
-//$nav-link-color: $primary;

package/src/assets/scss/components/_button.scss

@@ -45,22 +45,6 @@
   }
 }
 
-@supports (-webkit-mask-image:paint(id)) or (-webkit-mask-image:paint(id)) or (mask-image:paint(id)) or (-webkit-mask-image:paint(id)) {
-  button.itf-button.btn.btn-squircle {
-    -webkit-mask-image: paint(squircle);
-    --squircle-smooth: 0.6;
-    --squircle-radius: 10px;
-    --squircle-outline: 0px;
-    --squircle-corners: top-left top-right bottom-left bottom-right;
-  }
-  .itf-button.btn-squircle.btn:not(.dropdown-toggle):focus:after {
-    -webkit-mask-image: paint(squircle);
-    --squircle-smooth: 0.6;
-    --squircle-radius: 10px;
-    --squircle-outline: 3px;
-    --squircle-corners: top-left top-right bottom-left bottom-right;
-  }
-}
 .itf-button.btn {
   display: inline-flex;
   align-items: center;
@@ -71,20 +55,17 @@
   &:focus {
     -webkit-mask-image: none!important;
   }
-  &.btn-squircle:focus:after {
-    border-color: rgb(103, 146, 244);
+  &:not(.dropdown-toggle):focus:after {
+    border: 3px solid #6792f4;
+    border-radius: .5rem;
+    content: '';
+    position: absolute;
+    top: -3px;
+    left: -3px;
+    right: -3px;
+    bottom: -3px;
+    outline: none;
   }
-  // &:not(.dropdown-toggle):focus:after {
-  //   border: 3px solid #6792f4;
-  //   border-radius: .5rem;
-  //   content: '';
-  //   position: absolute;
-  //   top: -3px;
-  //   left: -3px;
-  //   right: -3px;
-  //   bottom: -3px;
-  //   outline: none;
-  // }
   &.itf-button__block {
     display: block;
     width: 100%;

package/src/assets/scss/components/_checkbox.scss

@@ -1,14 +1,5 @@
 @import '../variables';
 
-.itf-checkbox, .itf-radio {
-
-  .form-check-input {
-    --checkbox-border-color: #d0d4dc;
-    --bs-form-check-bg: #f5f6f8;
-    border-color: var(--checkbox-border-color);
-  }
-}
-
 .itf-checkbox {
   .form-check-input, .form-check-label {
     cursor: pointer;

package/src/assets/scss/components/_datepicker.scss

@@ -114,7 +114,7 @@
   --adp-transition-ease: ease-out;
   --adp-transition-offset: 8px;
 
-  --adp-background-color: transparent;
+  --adp-background-color: #{$body-bg};
   --adp-background-color-hover: #f0f0f0;
   --adp-background-color-active: #eaeaea;
   --adp-background-color-in-range: rgba(92, 196, 239, .1);
@@ -123,7 +123,7 @@
   --adp-background-color-selected-other-month: #a2ddf6;
 
   --adp-color: #4a4a4a;
-  --adp-color-secondary: #A5A5A9;
+  --adp-color-secondary: #9c9c9c;
   --adp-accent-color: #4eb5e6;
   --adp-color-current-date: #{$primary};
   --adp-color-other-month: #dedede;
@@ -132,7 +132,7 @@
   --adp-color-other-month-hover: #c5c5c5;
 
   --adp-border-color: #dbdbdb;
-  --adp-border-color-inner: #00000014;
+  --adp-border-color-inner: #efefef;
   --adp-border-radius: 4px;
   //--adp-border-color-inline: #d7d7d7;
   --adp-border-color-inline: transparent;

package/src/assets/scss/components/_pagination.scss

@@ -2,14 +2,11 @@
 
 .itf-pagination.pagination {
   padding-left: 0;
-  display: flex;
-  align-items: center;
-  gap: .5rem;
 
   .page-item {
+    margin-right: 3px;
     .page-link {
       border-radius: .5rem;
-      padding: .125rem .25rem
     }
 
     &.disabled .page-link {

package/src/assets/scss/components/_popover.scss

@@ -35,25 +35,3 @@
 .nopadding .popover-body {
   padding: 0;
 }
-
-.popover.onboarding-popover {
-  --bs-popover-max-width: 317px;
-  --bs-popover-bg: var(--primary);
-  --bs-popover-border-width: 0px;
-  --bs-popover-border-color: var(--primary);
-  --bs-border-radius-lg: 0.5rem;
-  --bs-popover-body-color: var(--white);
-  --bs-popover-body-padding-x: 0;
-  --bs-popover-body-padding-y: 0;
-  --bs-secondary-rgb: 255, 255, 255;
-
-  a {
-    --bs-link-color-rgb: 255, 255, 255;
-    --bs-link-hover-color-rgb: 255, 255, 255;
-    --bs-link-active-color-rgb: 255, 255, 255;
-  }
-
-  .border-secondary {
-    --bs-border-opacity: 0.5;
-  }
-}

package/src/assets/scss/components/_segmeneted-control.scss

@@ -1,18 +1,15 @@
 @import '../variables';
 
 .itf-segmeneted-control {
-  --itf-segmeneted-control--background: #f5f6f8;
+  --itf-segmeneted-control--background: #{$input-bg};
   --itf-segmeneted-control--border-radius: #{$border-radius};
-  // --itf-segmeneted-control--shadow: 0 1px 3px rgba(0,0,0,0.1);
-  --itf-segmeneted-control--shadow: none;
-  --itf-segmeneted-control--selection-bg: rgba(26, 74, 151, 0.1);
-  --itf-segmeneted-control--text-active: #1A4A97;
+  --itf-segmeneted-control--shadow: 0 1px 3px rgba(0,0,0,0.1);
 
   cursor: pointer;
   background: var(--itf-segmeneted-control--background);
-  border-radius: $border-radius-lg;
+  border-radius: var(--itf-segmeneted-control--border-radius);
   margin: 0;
-  padding: 4px;
+  padding: 2px;
   border: none;
   outline: none;
   display: inline-grid;
@@ -37,11 +34,9 @@
     }
   }
 
-  &.small .option label {
-    padding: 0.125rem 0.25rem;
-  }
   .option {
     position: relative;
+    cursor: pointer;
 
     &:hover input:not(:checked) + label span,
     &:active input:not(:checked) + label span,
@@ -81,10 +76,6 @@
       background: rgba(255, 255, 255, 0);
       color: rgba(0, 0, 0, 1);
 
-      &.disabled {
-        cursor: not-allowed;
-        color: rgba(0, 0, 0, .25);
-      }
       &::before,
       &::after {
         content: '';
@@ -138,9 +129,6 @@
       &:checked + label {
         cursor: default;
       }
-      &:checked + span {
-        color: var(--itf-segmeneted-control--text-active);
-      }
       &:checked + label::before,
       &:checked + label::after {
         background: var(--itf-segmeneted-control--background);
@@ -149,8 +137,9 @@
     }
   }
   .selection {
-    background: var(--itf-segmeneted-control--selection-bg);
-    // border: .5px solid rgba(0, 0, 0, 0.04);
+    margin-right: 1px;
+    background: rgba(255, 255, 255, 1);
+    border: .5px solid rgba(0, 0, 0, 0.04);
     box-shadow: var(--itf-segmeneted-control--shadow);
     /*box-shadow: 0 3px 8px 0 rgba(0,0,0,0.12), 0 3px 1px 0 rgba(0,0,0,0.04);*/
     border-radius: var(--itf-segmeneted-control--border-radius);

package/src/assets/scss/components/_select.scss

@@ -29,8 +29,8 @@
         color: $dark-body-color;
 
         &.active, &:active {
-          background-color: $dark-primary;
-          color: $dark-body-bg;
+          background-color: var(--bs-dropdown-link-active-bg);
+          color: var(--bs-dropdown-link-color);
         }
       }
     }
@@ -41,7 +41,7 @@
   cursor: pointer;
 
   .form-control {
-    padding: 0.125rem 0.75rem;
+    padding: 0.3125rem 0.75rem;
 
     &.is-valid, &.is-invalid {
       background-image: none;
@@ -58,14 +58,16 @@
     padding-bottom: 0.125rem;
   }
   &.vs--open .form-control {
-    //box-shadow: 0 0 0 0.125rem $input-focus-border;
-    //border-color: $body-bg;
-    //background: $body-bg;
+    box-shadow: 0 0 0 0.125rem $input-focus-border;
+    border-color: $body-bg;
+    background: $body-bg;
   }
   &__dropdown-menu {
     background-color: $body-bg;
     //border: 2px solid $input-focus-border;
     border: 0 none;
+    padding-left: 0.125rem !important;
+    padding-right: 0.125rem !important;
     left: -2px;
     right: -2px;
     width: auto;

package/src/assets/scss/components/_text-field.scss

@@ -26,17 +26,15 @@
       padding-left: .325rem;
     }
   }
-  &.is-valid .input-group-text {
-    color: var(--bs-form-valid-border-color);
-  }
-  &.is-invalid .input-group-text {
-    color: var(--bs-form-invalid-border-color);
-  }
-  .was-validated &.form-control:valid, &.form-control.is-valid,
-  .was-validated &.form-control:invalid, &.form-control.is-invalid {
-    background-image: none;
+  .addon-end {
+    pointer-events: all;
+    padding-right: 0.25rem;
   }
 }
+.itf-text-field.input-group > .form-control {
+  box-shadow: none !important;
+  border: 0 none !important;
+}
 
 .itf-textarea {
   &.input-group {

package/src/assets/scss/components/select/_dropdown-menu.scss

@@ -25,7 +25,6 @@ $max-height: $vs-dropdown-max-height;
   min-width: $min-width;
   text-align: left;
   list-style: none;
-  background-color: $bg-color;
 }
 
 .vs__no-options {

package/src/assets/scss/components/select/_dropdown-toggle.scss

@@ -42,6 +42,7 @@ $border-radius: $vs-border-radius;
   margin-right: -9px;
   align-items: center;
   padding: 1px 0 0;
+  min-width: 33px;
 
   .itf-button {
     margin: -0.25rem 0;