@itfin/components 1.5.1 → 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.1",
+  "version": "1.5.2",
   "author": "Vitalii Savchuk <esvit666@gmail.com>",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/alert/AlertBanner.vue

@@ -1,16 +1,19 @@
 <template>
-  <div class="itf-alert-banner">
+  <div class="itf-alert-banner" :class="styleVariant">
     <div v-if="count" class="itf-alert-banner__counter px-2 bg-danger text-white fw-bold text-smaller text-decoration-none d-block rounded-pill">
       {{ count > 99 ? '99+' : count }}
     </div>
-    <div v-if="multiple" class="itf-alert-banner__panel itf-alert-banner__multiple rounded-3 border bg-muted-2"></div>
-    <div class="itf-alert-banner__panel px-3 rounded-3 border bg-muted-2 d-flex gap-3 align-items-start align-items-sm-center flex-sm-row flex-column">
+    <div v-if="$listeners.close" class="itf-alert-banner__close position-absolute text-muted cursor-pointer" @click="$emit('close')">
+      <itf-icon new name="close-alt" :size="20" />
+    </div>
+    <div v-if="multiple" class="itf-alert-banner__panel itf-alert-banner__multiple h-100 position-absolute rounded-3 border bg-muted-2"></div>
+    <div class="itf-alert-banner__panel h-100 rounded-3 border bg-muted-2 d-flex gap-2 gap-md-3 align-items-start align-items-md-center">
       <slot name="icon">
         <div v-if="icon" class="itf-alert-banner__icon rounded-2 bg-danger flex-shrink-0 d-flex align-items-center justify-content-center">
           <itf-icon new :name="icon" :size="24" class="text-white" />
         </div>
       </slot>
-      <div class="flex-grow-1">
+      <div class="itf-alert-banner__content flex-grow-1 d-flex flex-column">
         <div class="fw-bold"><slot name="title">{{title}}</slot></div>
         <div class="small text-muted"><slot></slot></div>
       </div>
@@ -24,33 +27,85 @@
   max-width: 420px;
 
   &__counter {
-    top: 0;
-    right: -4px;
+    top: -12px;
+    right: -12px;
     position: absolute;
-    z-index: 3;
-    padding-top: 0.375rem;
-    padding-bottom: 0.375rem;
-    min-width: 1.75rem;
+    z-index: 4;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    min-width: 24px;
     text-align: center;
+    @media (max-width: 768px) {
+      right: 0;
+    }
+  }
+  &__close {
+    top: 8px;
+    right: 8px;
+    z-index: 3;
+    @media (max-width: 768px) {
+      top: 12px;
+      right: 12px;
+    }
   }
   &__panel {
     position: relative;
     padding-top: 0.75rem;
     padding-bottom: 0.75rem;
-    top: 4px;
+    padding-left: 1rem;
+    padding-right: 1rem;
     z-index: 2;
+    @media (max-width: 768px) {
+      flex-direction: column;
+      padding-left: 0.75rem;
+      padding-right: 0.75rem;
+    }
   }
   &__icon {
     width: 48px;
     height: 48px;
+    @media (max-width: 768px) {
+      width: 32px;
+      height: 32px;
+    }
+
+    ::v-deep .itf-icon {
+
+      svg {
+        @media (max-width: 768px) {
+          width: 16px!important;
+          height: 16px!important;
+        }
+      }
+    }
+  }
+  &__content {
+    @media (max-width: 768px) {
+      gap: 0.25rem;
+    }
   }
   &__multiple {
-    position: absolute;
-    top: 0;
+    top: -4px;
     right: -4px;
     z-index: 1;
-    height: 100%;
     width: 100%;
+    @media (max-width: 768px) {
+      width: calc(100% - 8px);
+      right: 4px;
+    }
+  }
+
+  &.mobile-content-row {
+
+    @media (max-width: 768px) {
+      .itf-alert-banner__panel {
+        flex-direction: row;
+        padding-right: 2.5rem;
+      }
+      .itf-alert-banner__content {
+        gap: 0;
+      }
+    }
   }
 }
 </style>
@@ -71,5 +126,6 @@ class AlertBanner extends Vue {
   @Prop(String) icon;
   @Prop() count;
   @Prop(Boolean) multiple;
+  @Prop({ type: String, default: '' }) styleVariant;
 }
 </script>

package/src/components/card/BentoGrid.vue

@@ -1,6 +1,7 @@
 <template>
   <grid-layout
     :layout="layout"
+    :responsive-layouts="responsiveLayouts"
     @update:layout="onUpdateLayout"
     class="itf-bento-grid"
     :col-num="4"
@@ -56,6 +57,7 @@ export default @Component({
 })
 class itfBentoGrid extends Vue {
   @Prop() layout;
+  @Prop() responsiveLayouts;
   @Prop() components;
   @Prop({ type: Boolean, default: true }) enabled;
 

package/src/components/checkbox/NestedCheckboxGroup.vue

@@ -0,0 +1,109 @@
+<template>
+
+  <div>
+    <div v-for="(item, n) in items" :key="n">
+      <slot name="item" :item="item" :isChecked="isChecked(item)" :onToggle="(isChecked) => onToggleOption(item, isChecked)" :isDisabled="disabled || isDisabled(item)">
+        <itf-checkbox
+          :value="isChecked(item)"
+          :label="item.name"
+          :disabled="disabled || isDisabled(item)"
+          @input="onToggleOption(item, $event)"
+        >
+          {{ item[itemKey] || item }}
+        </itf-checkbox>
+      </slot>
+
+      <div v-if="item[childrenKey] && item[childrenKey].length" class="ps-4 mb-2">
+        <itf-nested-checkbox-group
+          :value="value"
+          @input="$emit('input', $event)"
+          :items="item[childrenKey]"
+          :disabled="disabled || isDisabled(item)"
+          :item-key="itemKey"
+          :children-key="childrenKey"
+          :max="max"
+          :disabled-ids="disabledIds"
+        >
+          <template v-for="(_, name) in $slots" #[name]="slotData">
+            <slot :name="name" v-bind="slotData || {}"/>
+          </template>
+          <template v-for="(_, name) in $scopedSlots" #[name]="slotData">
+            <slot :name="name" v-bind="slotData || {}"/>
+          </template>
+        </itf-nested-checkbox-group>
+      </div>
+    </div>
+
+    <slot />
+  </div>
+
+</template>
+<script>
+  import { Vue, Component, Prop, Model } from 'vue-property-decorator';
+  import itfCheckbox from './Checkbox';
+  import itfTableRows from '@itfin/components/src/components/table/TableRows.vue';
+
+  export default @Component({
+    name: 'itfNestedCheckboxGroup',
+    components: {
+      itfTableRows,
+      itfCheckbox
+    },
+  })
+  class itfNestedCheckboxGroup extends Vue {
+    @Model('input', { type: Array, default: () => [] }) value;
+
+    @Prop(Array) items;
+    @Prop(Boolean) disabled;
+    @Prop({ type: Array, default: () => [] }) disabledIds;
+
+    @Prop({ type: String }) itemKey;
+    @Prop({ type: String, default: 'children' }) childrenKey;
+
+    @Prop(Number) max;
+
+    onToggleOption(value, isChecked) {
+      const arr = this.value ? [ ...this.value ] : [];
+      if (value[this.childrenKey] && value[this.childrenKey].length) {
+        for (const child of value[this.childrenKey]) {
+          const index = arr.findIndex(item => this.itemKey ? item[this.itemKey] === child[this.itemKey] : item === child);
+          if (index !== -1 && isChecked === false) {
+            arr.splice(index, 1);
+          } else if (isChecked === true) {
+            arr.push(child);
+          }
+        }
+        this.$emit('input', arr);
+        return;
+      }
+      const index = this.getCheckedIndex(value);
+      if (index !== -1 && isChecked === false) {
+        arr.splice(index, 1);
+      } else if (isChecked === true) {
+        arr.push(value);
+      }
+      this.$emit('input', arr);
+    }
+
+    getCheckedIndex(value) {
+      if (this.itemKey) {
+        return this.value && this.value.findIndex(item => item[this.itemKey] === value[this.itemKey]);
+      }
+      return this.value.indexOf(value);
+    }
+
+    isChecked(value) {
+      if (value[this.childrenKey] && value[this.childrenKey].length) {
+        return value[this.childrenKey].every(child => this.isChecked(child)) || this.getCheckedIndex(value) !== -1;
+      }
+      return this.getCheckedIndex(value) !== -1;
+    }
+
+    isDisabled(value) {
+      if (this.disabledIds.includes(value)) {
+        return true;
+      }
+      return this.getCheckedIndex(value) === -1 && (this.max !== 'undefined' && this.value.length >= this.max);
+    }
+  }
+</script>

package/src/components/filter/FilterBadge.vue

@@ -24,7 +24,7 @@
       </template>
       <template v-else-if="type === 'period'">
         <itf-date-range-picker-inline
-          style="margin: -.5rem"
+          style="margin: -.5rem 0"
           :value="value.value"
           @input="onFilterChange({ value: $event })"
         />
@@ -38,7 +38,7 @@
       </template>
       <template v-else-if="type === 'month'">
         <itf-date-picker-inline
-          style="margin: -.5rem"
+          style="margin: -.5rem 0"
           start-view="months"
           min-view="months"
           :value="value.value"
@@ -48,7 +48,7 @@
       </template>
       <template v-else-if="type === 'date'">
         <itf-date-picker-inline
-          style="margin: -.5rem"
+          style="margin: -.5rem 0"
           :value="value.value"
           :only-calendar="options.calendarOptions && options.calendarOptions.onlyCalendar"
           :max-date="options.calendarOptions && options.calendarOptions.maxDate"

package/src/components/filter/FilterFacetsList.vue

@@ -22,9 +22,9 @@
     <div class="facets-list">
       <div v-for="(group, g) of groupedList">
         <div v-if="group.group" class="dropdown-item ps-1 d-flex align-items-center"
-             :class="{'active': isGroupSelected(group.items)}" @click="groupSelected(!isGroupSelected(group.items), group.items)">
+             :class="{'active': isGroupSelected(group.group)}" @click="groupSelected(!isGroupSelected(group.items), group.group)">
           <span class="facet-name text-dark d-flex align-items-center">
-            <itf-checkbox ungrouped :value="isGroupSelected(group.items)" @input="groupSelected($event, group.items)" class="m-0" />
+            <itf-checkbox ungrouped :value="isGroupSelected(group.group)" @input="groupSelected($event, group.group)" class="m-0" />
             <div class="w-100 text-truncate">{{ group.group }}</div>
           </span>
         </div>
@@ -166,21 +166,27 @@ class FilterFacetsList extends Vue {
     return groups.length > 1
   }
 
-  isGroupSelected(items) {
-    return items.every(item => item.isSelected);
+  isGroupSelected(groupName) {
+    const allGroupItems = this.items.filter(item => item.group === groupName);
+    const selectedValues = this.multiple
+      ? (Array.isArray(this.value) ? this.value.map(String) : [])
+      : [`${this.value}`];
+    return allGroupItems.length > 0 && allGroupItems.every(item => selectedValues.includes(`${item.value}`));
   }
 
-  groupSelected(value, items) {
+  groupSelected(value, groupName) {
+    const allGroupItems = this.items.filter(item => item.group === groupName);
+
     let newVal = this.value ? [...Array.isArray(this.value) ? this.value : [this.value]] : [];
     if (value) {
-      items.forEach((item) => {
+      allGroupItems.forEach((item) => {
         const itemValue = `${item.value}`;
         if (!newVal.includes(itemValue)) {
           newVal.push(itemValue);
         }
       });
     } else {
-      items.forEach((item) => {
+      allGroupItems.forEach((item) => {
         const itemValue = `${item.value}`;
         newVal = newVal.filter(val => val !== itemValue);
       });

package/src/components/icon/components/nomi-approval-chain.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M12.0001 12C12.9193 12 13.8295 12.1814 14.6788 12.5332C15.3163 12.7973 15.9101 13.1536 16.4415 13.5898L15.0001 14.4229C14.421 14.7574 14.0495 15.358 14.005 16.0205L14.0001 16.1543V18.4639C14.0001 18.6476 14.0263 18.8276 14.0743 19H6.00008C5.44783 19 4.99274 18.5496 5.07137 18.0029C5.15431 17.4266 5.30946 16.8616 5.53328 16.3213C5.88507 15.472 6.40086 14.6998 7.05086 14.0498C7.70074 13.4 8.47234 12.8849 9.32137 12.5332C10.1706 12.1814 11.0809 12 12.0001 12ZM12.0001 4C13.6569 4 15.0001 5.34315 15.0001 7C15.0001 8.65685 13.6569 10 12.0001 10C10.3433 9.99995 9.00008 8.65683 9.00008 7C9.00008 5.34317 10.3433 4.00005 12.0001 4Z" fill="currentColor"/>
+  <path fill-rule="evenodd" clip-rule="evenodd" d="M17.5 14.1339C17.8094 13.9554 18.1906 13.9554 18.5 14.1339L20.5 15.2892C20.8092 15.4678 20.9999 15.7974 21 16.1544V18.464C21 18.8213 20.8094 19.1516 20.5 19.3302L18.5 20.4845C18.1906 20.6631 17.8094 20.6631 17.5 20.4845L15.5 19.3302C15.1906 19.1516 15 18.8213 15 18.464V16.1544C15.0001 15.7974 15.1908 15.4678 15.5 15.2892L17.5 14.1339ZM18 16.3097C17.4477 16.3097 17 16.7574 17 17.3097C17.0001 17.8619 17.4478 18.3097 18 18.3097C18.5522 18.3097 18.9999 17.8619 19 17.3097C19 16.7574 18.5523 16.3097 18 16.3097Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-close-alt.vue

@@ -0,0 +1,5 @@
+<template><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.11914 15.8824L15.8839 4.11773" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.11914 4.11765L15.8839 15.8823" stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-cog-lightning.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18.7862 10.9463C19.1758 10.4469 19.9568 10.82 19.8348 11.4473L19.1582 14.918C19.1404 15.0089 19.2085 15.0938 19.2989 15.0938H20.2545C20.8783 15.0938 21.2252 15.8345 20.8358 16.3344L17.379 20.7681C16.9894 21.2679 16.2081 20.8946 16.3303 20.2671L17.007 16.7965C17.0245 16.7056 16.9566 16.6207 16.8663 16.6207H15.9106C15.3487 16.6207 15.0119 16.0204 15.2352 15.5358C15.2382 15.529 15.2417 15.5224 15.245 15.5157C15.254 15.4975 15.2637 15.4795 15.2743 15.4617C15.2907 15.4341 15.3088 15.4065 15.3294 15.3801L18.7862 10.9463Z" fill="currentColor"/>
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.73397 3.31435C9.44916 2.89522 10.3339 2.89522 11.0491 3.31435L15.6439 6.0065C16.3493 6.42014 16.7829 7.17978 16.7831 8.0005V11.1635L14.2122 14.4622C13.7278 15.0836 13.635 15.8314 13.8255 16.4863L11.0491 18.1149C10.3339 18.5341 9.44919 18.5341 8.73397 18.1149L4.13921 15.4215C3.4338 15.0078 3 14.2483 3 13.4275V8.0005C3.00013 7.17978 3.43374 6.42014 4.13921 6.0065L8.73397 3.31435ZM9.89153 8.20141C8.50767 8.20141 7.38579 9.35299 7.38552 10.773C7.38581 12.193 8.50768 13.3446 9.89153 13.3446C11.2754 13.3446 12.3973 12.193 12.3975 10.773C12.3973 9.35299 11.2754 8.20141 9.89153 8.20141Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-comment-add.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M18 11C20.2091 11 22 12.7909 22 15C22 17.2091 20.2091 19 18 19C15.7909 19 14 17.2091 14 15C14 12.7909 15.7909 11 18 11ZM17.9873 12.7275C17.6088 12.7345 17.3078 13.0464 17.3145 13.4248L17.3301 14.3271L16.4287 14.3438C16.0503 14.3507 15.7492 14.6626 15.7559 15.041C15.7628 15.4195 16.0747 15.7205 16.4531 15.7139L17.3555 15.6973L17.3721 16.5996C17.379 16.978 17.691 17.2791 18.0693 17.2725C18.4478 17.2655 18.7489 16.9536 18.7422 16.5752L18.7256 15.6719L19.6279 15.6562C20.0063 15.6492 20.3075 15.3374 20.3008 14.959C20.2939 14.5805 19.982 14.2795 19.6035 14.2861L18.7002 14.3018L18.6846 13.4004C18.6775 13.022 18.3657 12.7209 17.9873 12.7275Z" fill="currentColor"/>
+    <path d="M16.125 5C17.1591 5 18 5.84092 18 6.875V10C15.2386 10 13 12.2386 13 15C13 15.4316 13.0544 15.8505 13.1572 16.25H11.5322L6.75 20.0762V16.25H4.875C3.84095 16.25 3.00002 15.409 3 14.375V6.875C3 5.84093 3.84093 5.00002 4.875 5H16.125Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-comment.vue

@@ -0,0 +1,4 @@
+<template><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M13.5469 4H5.65353C4.3202 4 3.2002 5.12 3.2002 6.45333V11.3067C3.2002 12.5867 4.1602 13.6533 5.4402 13.76V14.56C5.4402 15.0933 5.70686 15.52 6.18686 15.7333C6.61353 15.9467 7.14686 15.8933 7.57353 15.5733L9.65353 13.8133H13.5469C14.8802 13.8133 16.0002 12.6933 16.0002 11.36V6.45333C16.0002 5.12 14.8802 4 13.5469 4ZM12.1069 10.6133H7.09353C6.77353 10.6133 6.5602 10.4 6.5602 10.08C6.5602 9.76 6.77353 9.54667 7.09353 9.54667H12.0535C12.3735 9.54667 12.5869 9.76 12.5869 10.08C12.5869 10.4 12.3735 10.6133 12.1069 10.6133ZM12.1069 8.21333H7.09353C6.77353 8.21333 6.5602 8 6.5602 7.68C6.5602 7.36 6.77353 7.14667 7.09353 7.14667H12.0535C12.3735 7.14667 12.5869 7.36 12.5869 7.68C12.5869 8 12.3735 8.21333 12.1069 8.21333Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-comments.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M5.6 16.8H7.2V20.0648L11.2808 16.8H15.2C16.0824 16.8 16.8 16.0824 16.8 15.2V8.80001C16.8 7.91761 16.0824 7.20001 15.2 7.20001H5.6C4.7176 7.20001 4 7.91761 4 8.80001V15.2C4 16.0824 4.7176 16.8 5.6 16.8Z" fill="currentColor"/>
+    <path d="M18.4002 4H8.8002C7.9178 4 7.2002 4.7176 7.2002 5.6H16.8002C17.6826 5.6 18.4002 6.3176 18.4002 7.2V13.6C19.2826 13.6 20.0002 12.8824 20.0002 12V5.6C20.0002 4.7176 19.2826 4 18.4002 4Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-copy.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M17.3335 9.33337H10.6668C9.93045 9.33337 9.3335 9.93033 9.3335 10.6667V17.3334C9.3335 18.0698 9.93045 18.6667 10.6668 18.6667H17.3335C18.0699 18.6667 18.6668 18.0698 18.6668 17.3334V10.6667C18.6668 9.93033 18.0699 9.33337 17.3335 9.33337Z" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M6.66683 14.6667C5.9335 14.6667 5.3335 14.0667 5.3335 13.3334V6.66671C5.3335 5.93337 5.9335 5.33337 6.66683 5.33337H13.3335C14.0668 5.33337 14.6668 5.93337 14.6668 6.66671" stroke="currentColor" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-dollar.vue

@@ -0,0 +1,4 @@
+<template><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M7.2 11.7H6C6 13.254 7.452 14.172 9 14.364V15.6H10.2V14.358C11.55 14.178 13.2 13.404 13.2 11.7C13.2 9.996 11.55 9.222 10.2 9.042V6.06C10.998 6.204 12 6.624 12 7.5H13.2C13.2 5.796 11.55 5.022 10.2 4.842V3.6H9V4.842C7.65 5.022 6 5.796 6 7.5C6 9.204 7.602 9.966 9 10.158V13.14C8.13 12.99 7.2 12.528 7.2 11.7ZM12 11.7C12 12.576 10.998 12.996 10.2 13.14V10.26C10.998 10.404 12 10.824 12 11.7ZM7.2 7.5C7.2 6.624 8.202 6.204 9 6.06V8.94C8.178 8.79 7.2 8.34 7.2 7.5Z" fill="currentColor"/>
+</svg>
+</template>

package/src/components/icon/components/nomi-expense-requests.vue

@@ -0,0 +1,5 @@
+<template><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M12.7205 4.00567C12.8205 4.00189 12.9215 4 13.0225 4C15.2378 4 17.2435 4.89535 18.6951 6.34332C19.9542 7.59889 20.797 9.26999 20.9985 11.1321C21.0061 11.2053 20.9848 11.2711 20.9355 11.3259C20.8862 11.3807 20.8226 11.4091 20.7492 11.4091H19.2142C19.0881 11.4091 18.9828 11.3174 18.9657 11.1926C18.7861 9.86374 18.1689 8.6734 17.2634 7.77096C16.1783 6.68888 14.6788 6.01903 13.0225 6.01903C12.9993 6.01903 12.9755 6.0195 12.9523 6.0195C12.8257 6.02139 12.7196 5.93015 12.7011 5.80535L12.4816 4.2912C12.4712 4.2184 12.4901 4.15175 12.5375 4.09549C12.5845 4.03876 12.647 4.00851 12.7205 4.00567ZM20.9985 12.8679C20.797 14.73 19.9542 16.4016 18.6951 17.6567C17.2435 19.1047 15.2378 20 13.0225 20C10.8072 20 8.80147 19.1047 7.3499 17.6567C5.89787 16.2092 5 14.2091 5 12C5 9.84814 5.85188 7.89482 7.23803 6.45725L6.78341 5.94765C6.65494 5.80346 6.6208 5.61201 6.69191 5.43237C6.76255 5.25273 6.91851 5.13597 7.11098 5.11753L10.0885 4.83815C10.2526 4.82255 10.4009 4.88069 10.5104 5.0036C10.62 5.12651 10.6603 5.27968 10.6256 5.44041L9.99894 8.3562C9.95817 8.54529 9.82354 8.68569 9.63629 8.73486C9.44903 8.78402 9.26225 8.72777 9.13378 8.58358L8.58862 7.97235C7.61727 9.03504 7.02518 10.4485 7.02518 12C7.02518 13.6517 7.69644 15.147 8.78156 16.229C9.86668 17.3111 11.3661 17.981 13.0225 17.981C14.6788 17.981 16.1783 17.3111 17.2634 16.229C18.1689 15.3266 18.7861 14.1363 18.9657 12.8074C18.9828 12.6831 19.0881 12.5909 19.2142 12.5909H20.7492C20.8226 12.5909 20.8862 12.6193 20.9355 12.6741C20.9848 12.7289 21.0061 12.7947 20.9985 12.8679Z" fill="currentColor"/>
+    <path d="M12.5831 14.2264L16.5474 10.6977C16.6892 10.5707 16.7008 10.352 16.5734 10.2112L15.8793 9.44688C15.7519 9.30614 15.5312 9.29459 15.3893 9.4209L12.0598 12.3845L10.8077 11.0442C10.6774 10.9048 10.4574 10.8962 10.317 11.0254L9.55552 11.7241C9.4151 11.8525 9.40642 12.0712 9.5367 12.2098L11.3679 14.1708L11.7385 14.5671C11.8543 14.6912 12.0504 14.7006 12.1771 14.5873L12.5831 14.2264Z" fill="currentColor"/>
+</svg>
+</template>