@intellias/menu 2.3.6 → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/css/main.css +2 -0
  2. package/dist/css/main.css.map +1 -0
  3. package/dist/images/banner_dark.gif +0 -0
  4. package/dist/images/banner_light.gif +0 -0
  5. package/dist/js/kudosForm.js +1133 -30
  6. package/dist/js/kudosForm.js.map +1 -0
  7. package/dist/js/main.js +50976 -651
  8. package/dist/js/main.js.map +1 -0
  9. package/dist/js/rejectComponent.js +735 -31
  10. package/dist/js/rejectComponent.js.map +1 -0
  11. package/dist/js/vendors~kudosForm.js +385 -4
  12. package/dist/js/vendors~kudosForm.js.map +1 -0
  13. package/dist/js/vendors~kudosForm~rejectComponent.js +805 -27
  14. package/dist/js/vendors~kudosForm~rejectComponent.js.map +1 -0
  15. package/package.json +1 -1
  16. package/dist/js/vue.js +0 -15
package/dist/css/main.css CHANGED
@@ -1385,3 +1385,5 @@ main {
1385
1385
  .give-kudos .kudos-form .error-field {
1386
1386
  border: solid 1px #da1e28 !important;
1387
1387
  }
1388
+
1389
+ /*# sourceMappingURL=main.css.map*/
package/dist/css/main.css.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["webpack://MainMenu/./components/modal/Modal.vue","webpack://MainMenu/./components/buttons/action-button/ActionButton.vue","webpack://MainMenu/./components/buttons/action-button/ActionButton.scss","webpack://MainMenu/./components/buttons/secondary-button/SecondaryButton.vue","webpack://MainMenu/./components/play-pause/PlayPause.vue","webpack://MainMenu/./components/managers-portal-data-counter/ManagersPortalDataCounter.vue","webpack://MainMenu/./scss/components/_variables.scss","webpack://MainMenu/./components/request-loader/RequestLoader.vue","webpack://MainMenu/./components/preloader/Preloader.vue","webpack://MainMenu/./components/notifications-sidebar/NotificationsSidebar.vue","webpack://MainMenu/./components/user-picture/UserPicture.vue","webpack://MainMenu/./components/onboarding-sign/OnBoardingSign.vue","webpack://MainMenu/./Menu.scss","webpack://MainMenu/./Menu.vue","webpack://MainMenu/./scss/components/_tooltip.scss","webpack://MainMenu/./scss/components/_animations.scss","webpack://MainMenu/./scss/components/_global.scss","webpack://MainMenu/./scss/components/dynamic-components/Confirm.scss","webpack://MainMenu/./scss/components/dynamic-components/GiveKudosForm.scss"],"names":[],"mappings":"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I;EACA;EACA;AAApB;AAKI;EACI;EACA;AAHR;AAIQ;EACI;AAFZ;AAGY;EACI;EACA;AADhB;AAEgB;EACI;EACA;EACA;AAApB;AAKI;EACI;EACA;AAHR;AAKI;EACI;EACA;AAHR;AAIQ;EACI;EACA;AAFZ;AAGY;EACI;EACA;EACA;AADhB;AAKI;EACI;EACA;EACA;EACA;EACA;AAHR;AAKQ;EACI;KAAA;AAHZ;AAKQ;EACI;EACA,iBJ0BG;EIzBH;EACA;EACA;EACA;EACA;EACA;AAHZ;AAIY;EACI;EACA;EACA;AAFhB;AAMI;EACI;AAJR,C;ACxEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAFJ;AAII;AAfJ;IAgBQ;IACA;AADN;AACF;AAGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AADR;AAII;EAEQ;EACA;EAEJ;AAJR;AAOI;EACI;EACA;AALR;AAQI;EACI;EACA;EACA;AANR;AAQQ;EACI;EACA;EACA;EACA;AANZ;AAQY;EACI;EACA;AANhB,C;ACnDA;EACI;EACA,iCNyEU;AOxEd;ADCI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACCR;ADCQ;AAXJ;IAYQ;IACA;ACEV;AACF;ADAQ;EACI;ACEZ;ADEI;EACI;EACA;EACA;ACAR;ADGI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDR;ADGQ;AAXJ;IAYQ;ACAV;AACF;ADEQ;EACI;EACA;EACA;EACA;EACA;EACA;ACAZ;ADGQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ACDZ;ADKY;AADJ;IAEQ;ACFd;AACF;ADOgB;EACI;EACA;ACLpB;ADSY;EACI;EACA;ACPhB;ADYY;EACI;EACA;ACVhB;ADYgB;EAEI;EACA;ACXpB;ADcgB;EACI;ACZpB;ADegB;EACI;EACA;ACbpB;ADgBgB;EACI;ACdpB;ADoBI;EACI;EACA;EACA;AClBR;ADoBQ;AALJ;IAMQ;IACA;ACjBV;AACF;ADmBQ;EACI;EACA;ACjBZ;ADqBI;EACI;EACA;EACA;EACA;EACA;ACnBR;ADqBQ;AAPJ;IAQQ;AClBV;AACF;ADoBQ;EACI;EACA;EACA;AClBZ;ADoBY;EACI;AClBhB;ADqBY;EACI;ACnBhB;ADqBgB;EACI;ACnBpB;ADyBI;EACI;EACA;EACA;ACvBR;ADyBQ;EACI;ACvBZ;AD2BI;EAEI;EACA;EACA;EACA;AC1BR;AD4BQ;AAPJ;IAQQ;ACzBV;AACF;AD4BI;EACI;EACA;EACA;EACA;AC1BR;AD4BQ;AANJ;IAOQ;ACzBV;AACF;AD4BY;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AC1BhB;AD4BgB;EACI;AC1BpB;AD4BoB;EACI;AC1BxB;AD8BgB;EACI;AC5BpB;AD8BoB;EACI;AC5BxB;AD8BwB;EACI;AC5B5B;ADiCgB;EACI;AC/BpB;ADqCI;EACI;EACA;EACA;ACnCR;ADqCQ;AALJ;IAMQ;AClCV;AACF;ADoCQ;EACI;EACA;EAEI,kBNlKD;EMmKC;ACnChB;ADsCY;AARJ;IASQ;ACnCd;AACF;ADuCI;EACI;EACA;EACA;EACA;EACA;EAEI,kBNnLG;EMoLH;ACtCZ;ADyCQ;EACI;EACA;ACvCZ;AD6CI;EACI;AC1CR;AD4CQ;EACI;AC1CZ;AD8CY;EACI;AC5ChB;ADgDQ;EAOI;ACpDZ;ADuDQ;EAEI;ACtDZ;AClPA;EACI;EACA;ADqPJ;ACnPI;EACI;EACA;EACA;EACA;EACA;EACA;EACA,iBRoEO;AOiLf;AClPI;EACI;ADoPR;ACjPI;EACI;ADmPR;AChPI;EACI;ADkPR;AC/OI;EACI;ADiPR;AC9OI;EACI;EACA;EACA;ADgPR;AC7OI;EACI;EACA;EACA;AD+OR;AEzDA;AACE;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AEtRA;IACE;AFwRF;AErRA;IACE;AFuRF;AErRA;IACE;AFuRF;AACF;AG/lBA;EACI;EACA;EACA;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG9lBA;EACI;AHimBJ;AG/lBI;EACI;EACA;EACA;AHimBR;AG/lBI;EACI;AHimBR;AG7lBA;EACI;AHgmBJ;AG9lBI;EACI;AHgmBR;AG5lBA;EACI;EACA;AH+lBJ;AG5lBA;EACI;AH+lBJ;AG5lBA;EACI;AH+lBJ;AG5lBA;EACI;EACA;EACA;AH+lBJ;AG5lBA;EACI;EACA;EACA;AH+lBJ;AG5lBA;EACI;AH+lBJ;AG7lBI;EACI;AH+lBR;AG3lBA;EACI;EACA;AH8lBJ;AIzsBA;EACI;EACA;EACA;EACA;EACA;EACA;AJ4sBJ;AI1sBI;EACI;AJ4sBR;AIzsBI;EACI;AJ2sBR;AIzsBQ;EACI;EACA;EACA;AJ2sBZ;AIxsBQ;EACI;AJ0sBZ;AIvsBQ;EACI;AJysBZ;AIrsBI;EACI;EACA;EACA;EACA;EACA;EACA;EACA;AJusBR;AK5uBI;;EAEI;EACA;AL+uBR;AK5uBI;EACI;EACA;EACA;EACA;AL8uBR;AK5uBQ;EACI;AL8uBZ;AK1uBI;EAmCI;AL0sBR;AK5uBQ;EACI;EACA;EACA;AL8uBZ;AK3uBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EAEI;EACA;AL4uBhB;AKzuBY;EAGI;EACA;EACA;ALyuBhB;AKtuBY;EACI;EACA;EACA;ALwuBhB;AKnuBQ;EACI;ALquBZ;AKjuBY;EACI;ALmuBhB;AKhuBY;EACI;ALkuBhB;AK9tBgB;EACI;ALguBpB;AK3tBQ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AL6tBZ;AK3tBY;EACI;EACA;AL6tBhB;AK/tBY;EACI;EACA;AL6tBhB;AKztBQ;EACI;EACA;EACA;AL2tBZ;AKztBY;EACI;AL2tBhB;AKvtBQ;EACI;EACA;EACA;EACA;ALytBZ;AKvtBY;EACI,kBZ9BD;AOuvBf;AKrtBQ;EACI;EACA,kBZlCG;EYmCH;EACA;ALutBZ;AKptBQ;EACI,iBZzCG;EY0CH;ALstBZ;AKntBQ;EACI;ALqtBZ,C","file":"css/main.css","sourcesContent":["@use 'sass:map';\n@import '../../scss/components/utils';\n@import '../../scss/components/variables';\n\n.modal {\n &-wrapper {\n padding-bottom: 1rem;\n border-radius: 6px !important;\n background-color: map.get($intems-colors, 'surface-primary');\n box-shadow: 0 15px 30px rgba(37, 55, 70, 0.202715);\n }\n\n &-header {\n display: flex;\n justify-content: space-between;\n padding: 2rem 2rem 1rem 2rem;\n font-size: 1.25rem;\n font-weight: bold;\n color: map.get($intems-colors, 'text-primary') !important;\n &.dark {\n color: map.get($intems-colors, 'text-on-color') !important;\n i.icon:before {\n background-color: map.get($intems-colors, 'white') !important;\n }\n }\n\n i.icon:before {\n background-color: map.get($intems-colors, 'text-primary') !important;\n }\n }\n\n &-content {\n padding: 1rem 2rem;\n }\n\n &-close {\n width: 15px !important;\n min-width: 15px;\n height: 15px !important;\n cursor: pointer;\n }\n\n &-footer {\n display: flex;\n justify-content: flex-end;\n padding: 1rem 2rem;\n\n .btn {\n &:not(:first-child) {\n margin-left: 1rem;\n }\n }\n }\n}\n\n.vm--overlay {\n background-color: rgba(37, 55, 70, 0.55) !important;\n transition: 0.3s !important;\n}\n","// PLACEHOLDERS\n%clear-default-button-styles {\n padding: 0;\n border: 0;\n background: transparent;\n cursor: pointer;\n}\n\n// MIXINS\n// Inject icon path to element css styles\n@mixin icon($name) {\n background-image: url('~@/assets/icons/#{$name}.svg');\n mask-image: url('~@/assets/icons/#{$name}.svg');\n}\n\n@mixin margin-x($side, $attr-count: 15, $attr-steps: 5, $unit: 'px') {\n @for $i from 0 through $attr-count {\n $attr-value: $attr-steps * $i;\n\n .margin-#{$side}-#{$attr-value} {\n margin-#{$side}: #{$attr-value}#{$unit};\n }\n }\n}\n\n@mixin scale($scale, $speed: 0.4s) {\n transform: scale($scale);\n -webkit-transition: transform $speed ease-in-out;\n -moz-transition: transform $speed ease-in-out;\n -ms-transition: transform $speed ease-in-out;\n}\n\n@mixin scroll {\n &::-webkit-scrollbar {\n width: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n border-radius: 8px;\n background-color: rgba(131, 149, 167, 0.85);\n }\n}\n","@use 'sass:map';\n@import '../../../scss/components/utils';\n@import '../../../scss/components/variables';\n\n.action-button {\n position: relative;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n min-width: fit-content;\n color: map.get($intems-colors, 'text-on-color');\n background: map.get($intems-colors, 'primary');\n text-transform: initial;\n border-radius: 4px;\n font-weight: 600;\n\n &.dark {\n color: map.get($intems-colors, 'dark');\n background: map.get($intems-colors, 'active');\n &:disabled:not(a, .is-btn-link) {\n background-color: map.get($intems-colors, 'disable-dark') !important;\n }\n }\n\n &:hover {\n background: map.get($intems-colors, 'primary-hover');\n }\n\n &.btn-full {\n @media #{$small-and-down} {\n width: 100%;\n }\n }\n\n &.is-btn-link {\n @extend %clear-default-button-styles !optional;\n color: map.get($intems-colors, 'primary-hover');\n background: transparent !important;\n\n &:hover,\n &:active {\n .span-text {\n text-decoration: underline;\n }\n }\n\n &:disabled,\n &.disabled {\n pointer-events: none;\n color: map.get($intems-colors, 'text-disable') !important;\n\n &.dark .span-text {\n color: map.get($intems-colors, 'disable-dark') !important;\n }\n }\n }\n\n &.is-link {\n color: map.get($intems-colors, 'primary-hover');\n background: transparent !important;\n\n &:hover,\n &:active {\n text-decoration: underline;\n }\n\n &:disabled,\n &.disabled {\n pointer-events: none;\n color: map.get($intems-colors, 'text-disable') !important;\n }\n }\n\n &.btn-transparent {\n background: transparent;\n color: map.get($intems-colors, 'primary-hover');\n\n &:hover,\n &:focus {\n background: map.get($intems-colors, 'hover');\n }\n\n &:disabled {\n color: map.get($intems-colors, 'text-disable');\n background: transparent !important;\n }\n }\n\n .left-icon {\n margin-right: 4px;\n }\n\n .spinner-solid {\n color: map.get($intems-colors, 'text-on-color');\n animation: spin 2s linear infinite;\n vertical-align: middle;\n transition: width 300ms, height 300ms;\n margin-left: 8px;\n }\n\n .span-text {\n vertical-align: middle;\n }\n\n span.tooltipped {\n width: 100%;\n height: 100%;\n display: inline-block;\n position: absolute;\n cursor: pointer;\n pointer-events: all;\n }\n\n &button {\n span.tooltipped {\n margin-left: -16px;\n }\n }\n\n &.btn-secondary {\n border: 1px solid map.get($intems-colors, 'border');\n background-color: map.get($intems-colors, 'surface-primary');\n }\n\n &.disabled:not(a),\n &:not(a, .is-btn-link):disabled,\n &[disabled]:not(a, .is-btn-link) {\n background-color: map.get($intems-colors, 'disable');\n color: map.get($intems-colors, 'text-disable') !important;\n\n .spinner-solid {\n color: map.get($intems-colors, 'text-tertiary') !important;\n }\n }\n\n i.icon {\n vertical-align: middle;\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use 'sass:map';\n@import '../../../scss/components/utils';\n@import '../../../scss/components/variables';\n\n.secondary-button {\n position: relative;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: map.get($intems-colors, 'text-primary');\n text-transform: initial;\n border-radius: 4px;\n font-weight: 600;\n line-height: 38px;\n display: flex;\n align-items: center;\n\n &.dark {\n height: 40px;\n padding: 0 var(--spacing-16);\n background: var(--surface-primary);\n color: var(--text-primary);\n text-decoration: none;\n border-radius: var(--border-radius-6);\n border: solid var(--border) 1px;\n font-size: var(--font-size-14);\n line-height: var(--line-height-24);\n transition: 0.3s;\n &:hover {\n background: var(--surface-tertiary);\n border-color: var(--border);\n }\n }\n\n i.icon {\n vertical-align: middle;\n }\n\n .spinner-solid {\n color: map.get($intems-colors, 'text-primary');\n animation: spin 2s linear infinite;\n vertical-align: middle;\n transition: width 300ms, height 300ms;\n margin-left: 8px;\n }\n\n .left-icon {\n margin-right: 4px;\n }\n\n &.disabled,\n &.btn-secondary:disabled,\n &.btn[disabled] {\n background-color: map.get($intems-colors, 'disable') !important;\n color: map.get($intems-colors, 'text-disable');\n\n .spinner-solid {\n color: map.get($intems-colors, 'text-disable') !important;\n }\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use 'sass:map';\n@import '../../scss/components/variables';\n\n.play-pause {\n margin-left: 20px;\n\n @media #{$small-and-down} {\n margin-left: 8px;\n }\n\n &-btn {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 40px;\n height: 40px;\n border-radius: 100%;\n cursor: pointer;\n\n &.disabled {\n pointer-events: none;\n }\n\n .icon {\n width: 40px;\n height: 40px;\n\n &.spinner-solid {\n width: 24px;\n height: 24px;\n animation: spin 1s linear infinite;\n }\n }\n }\n}\n\n[data-theme=\"dark\"] {\n .play-pause {\n &-btn {\n .icon {\n &.spinner-solid {\n color: var(--text-primary-dark);\n }\n }\n }\n }\n}\n\n#modalTracked {\n color: map.get($intems-colors, 'dark');\n\n &.dark {\n color: map.get($intems-colors, 'text-on-color') !important;\n\n i.icon:before {\n background-color: map.get($intems-colors, 'white') !important;\n }\n }\n\n .modal-content {\n #tracked-content {\n display: flex;\n align-items: center;\n\n p {\n margin: 0;\n line-height: initial;\n }\n }\n\n #span-clock {\n margin-right: 10px;\n\n i {\n font-size: 54px;\n }\n }\n }\n\n .modal-footer {\n .action-button {\n margin-left: 15px;\n }\n }\n}\n\n@keyframes spin {\n 100% {\n transform: rotate(360deg);\n }\n}\n","@use 'sass:map';\n@import '../../scss/components/utils';\n@import '../../scss/components/variables';\n\n.managers-portal-link {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n\n &-counter {\n display: inline-flex;\n justify-content: center;\n align-items: center;\n width: 22px;\n height: 22px;\n margin-left: 8px;\n background-color: map.get($intems-colors, 'information');\n border-radius: 100% !important;\n font: {\n size: $font-size-10;\n weight: 700;\n }\n line-height: normal;\n color: map.get($intems-colors, 'white') !important;\n }\n}\n\n[data-theme=\"dark\"] {\n .managers-portal-link {\n &-counter {\n background-color: #A5B4FC;\n color: var(--text-on-color-dark) !important;\n }\n }\n}","$intems-colors: (\n 'white': #ffffff,\n 'black': #000000,\n 'orangish': #ff8041,\n 'dark': #253746,\n 'maintext': #415464,\n\n // primary colors\n 'primary': #00a58e,\n 'primary-hover': #008c79,\n 'primary-container-tag': #c2e9e4,\n\n // new colors\n // background start\n 'background': #f8fafc,\n 'overlay': #253746,\n 'tooltip': #253746,\n // background end\n //surface start\n 'surface-primary': #ffffff,\n 'surface-tertiary': #e2e8f0,\n 'dark-surface-tertiary': #8395a7,\n // surface end\n // character start\n 'select': #f1f5f9,\n 'border': #cbd5e1,\n 'icon': #94a3b8,\n 'disable': #f1f5f9,\n 'disable-dark': #3b4d5d,\n 'hover': #e2e8f0,\n // character end\n // text start\n 'text-primary': #1a2732,\n 'text-secondary': #475569,\n 'text-disable': #94a3b8,\n 'text-dark': #94a3b8,\n 'text-on-color': #ffffff,\n 'text-tertiary': #64748b,\n 'text-placeholder': #5a6c7c,\n // text end\n // functional start\n 'information': #186ade,\n 'information-container': #f0f4fa,\n 'success-container': #ebf7ed,\n 'warning-container': #faf6cf,\n 'error-container': #fff1f1,\n 'information-hover': #0d4ea6,\n 'success': #16a163,\n 'warning': #f5c518,\n 'warning-text': #8f3415,\n 'error': #da1e28,\n 'inverse-hover': #39526B,\n\n // status colors\n 'error-container-tag': #ffd7d9,\n 'error-hover': #a2191f,\n 'information-container-tag': #d4e4fa,\n 'warning-container-tag': #fcddc7,\n\n // accent\n 'accent': #ff8041,\n\n // additional colors\n 'success-container-tag': #c7ebd1,\n 'green-70': #075e45,\n\n //top menu\n 'background-top-menu': #253746,\n 'text-top-menu': #f8fafc,\n 'active': #45d6ad,\n 'accent-top-menu': #ff8041,\n 'intellihub-user-top-menu': #3b4d5d,\n\n // dark\n 'hover-dropdown': #275b57\n);\n\n$font-open-sans: 'open sans', sans-serif;\n$font-play: play, sans-serif;\n$font-nunito: \"Nunito\", sans-serif;\n\n$font-size-10: 0.67rem;\n$font-size-12: 0.8rem;\n$font-size-14: 0.94rem;\n$font-size-16: 1.07rem;\n$font-size-18: 1.2rem;\n$font-size-20: 1.3rem;\n$font-size-24: 1.6rem;\n$font-size-28: 1.75rem;\n$font-size-36: 2.4rem;\n$font-size-40: 2.5rem;\n$font-size-50: 3.34rem;\n$font-size-80: 5.34rem;\n\n// Media Query Ranges\n$small-screen-up: 601px !default;\n$medium-screen-up: 993px !default;\n$large-screen-up: 1201px !default;\n$small-screen: 600px !default;\n$tiny-screen: 430px !default;\n$medium-screen: 992px !default;\n$large-screen: 1200px !default;\n\n$medium-and-up: 'only screen and (min-width : #{$small-screen-up})' !default;\n$large-and-up: 'only screen and (min-width : #{$medium-screen-up})' !default;\n$extra-large-and-up: 'only screen and (min-width : #{$large-screen-up})' !default;\n$small-and-down: 'only screen and (max-width : #{$small-screen})' !default;\n$tiny-and-down: 'only screen and (max-width : #{$tiny-screen})' !default;\n$medium-and-down: 'only screen and (max-width : #{$medium-screen})' !default;\n$medium-only: 'only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})' !default;\n\n$spaceamounts: (5, 7, 10, 15, 20, 25, 30, 35, 40, 45, 50, 75, 80, 100);\n$sides: (top, bottom, left, right);\n","@use 'sass:map';\n@import '../../scss/components/variables';\n\n.progress {\n margin: 0;\n position: absolute;\n .determinate {\n background-color: map.get($intems-colors, 'primary');\n }\n\n visibility: hidden;\n opacity: 0;\n transition: opacity 1.5s, visibility 1.5s;\n\n &.show {\n visibility: visible;\n opacity: 1;\n transition: visibility 0s;\n }\n}\n","\n @import \"~@/scss/components/variables\";\n @import \"~@/scss/components/mixins\";\n \n\n.preloader {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n","@use 'sass:map';\n@import '../../scss/components/utils';\n@import '../../scss/components/variables';\n\n.notifications-sidebar {\n position: relative;\n display: flex;\n align-items: center;\n\n .notifications-trigger {\n display: flex;\n transition: .3s;\n\n .icon.bell {\n width: 18px;\n height: 20px;\n }\n\n &:hover {\n color: map.get($intems-colors, 'primary');\n\n .icon {\n color: map.get($intems-colors, 'primary');\n }\n }\n }\n\n .row {\n .col {\n padding: 0 0.75rem;\n\n > .icon {\n &:before {\n background-color: map.get($intems-colors, 'active');\n }\n }\n }\n }\n\n .col {\n .row {\n margin-left: -0.75rem;\n margin-right: -0.75rem;\n }\n }\n\n .v-dropdown-menu__container {\n top: calc(100% + 23px);\n left: -12px;\n max-width: none;\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);\n\n @media #{$small-and-down} {\n left: -24px;\n }\n\n .v-dropdown-menu__header {\n .note-title-row {\n display: flex;\n justify-content: space-between;\n padding: 0 3px 0 13px;\n margin-bottom: 0;\n border-bottom: 1px map.get($intems-colors, 'border') solid;\n\n .col.s2 {\n .notifications-state-marker {\n .v-dropdown-menu__container {\n top: 45px;\n }\n\n .notification-manage-toggler {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 20px;\n height: 64px;\n\n span {\n display: inline-block;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n margin: 1px auto;\n background-color: map.get($intems-colors, 'icon');\n }\n }\n }\n }\n\n .sub-menu {\n margin: 0;\n\n li {\n &:hover,\n &:active {\n &:not(.is-disabled) {\n background-color: map.get($intems-colors, 'primary-container-tag');\n }\n }\n\n a {\n display: inline-block;\n width: 100%;\n color: map.get($intems-colors, 'text-primary');\n font-size: 14px;\n font-weight: 400;\n line-height: 17px;\n padding: 10px 16px;\n cursor: pointer;\n\n &.is-disabled {\n color: rgba(0, 0, 0, 0.42);\n cursor: not-allowed;\n opacity: 0.5;\n text-decoration: none;\n pointer-events: none;\n }\n\n &:hover:not(.is-disabled) {\n background-color: map.get($intems-colors, 'primary-container-tag');\n }\n }\n }\n }\n }\n }\n\n .v-dropdown-menu__body {\n .main-dropdown {\n width: 370px;\n\n .row {\n margin-bottom: 0;\n }\n\n .default-tabs {\n position: relative;\n height: 48px;\n border-bottom: 1px map.get($intems-colors, 'border') solid;\n background-color: map.get($intems-colors, 'white');\n box-shadow: none;\n line-height: normal;\n\n button {\n width: 50%;\n border: none;\n background: none;\n cursor: pointer;\n\n &.tab {\n height: auto;\n padding: 0 10px;\n margin-top: 18px;\n font-size: $font-size-12;\n text-transform: initial;\n color: map.get($intems-colors, 'text-tertiary');\n line-height: normal;\n background-color: inherit;\n\n &.active,\n &:focus,\n &:hover,\n &:focus.active {\n color: map.get($intems-colors, 'text-primary');\n }\n\n &.active {\n font-weight: 600;\n }\n\n .counter {\n font-weight: bold;\n font-size: $font-size-10;\n border-radius: 10px;\n padding: 2px 6px;\n color: map.get($intems-colors, 'text-on-color');\n background-color: map.get($intems-colors, 'accent');\n margin-left: 4px;\n }\n }\n }\n\n .indicator {\n background-color: map.get($intems-colors, 'primary');\n margin: 0 25px;\n width: 140px !important;\n position: absolute;\n bottom: 0;\n height: 2px;\n transition: transform 0.4s ease, width 0.4s ease;\n }\n }\n\n .notification-content {\n .notifications-list {\n margin-bottom: 0;\n line-height: 18px;\n\n .tab-content {\n width: 100%;\n min-height: 120px;\n max-height: calc(100vh - 275px);\n\n .preloader {\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 20px auto;\n width: 80px;\n height: 80px;\n }\n\n .note {\n padding: 20px 25px;\n margin: 0 -0.75rem;\n\n &:hover .manage-notification {\n opacity: 1;\n }\n\n .semi-primary-text {\n b {\n a {\n font-weight: 700;\n }\n }\n\n a {\n font-weight: 500;\n }\n }\n\n &.read {\n background-color: map.get($intems-colors, 'disable');\n }\n\n &:not(.read) {\n border-left: 3px solid map.get($intems-colors, 'orangish');\n }\n\n &:not(:first-child) {\n border-top: 1px map.get($intems-colors, 'border') solid;\n }\n\n .manage-notification {\n position: absolute;\n right: 16px;\n opacity: 0;\n\n i {\n height: 16px;\n\n &:before {\n background-color: map.get($intems-colors, 'icon');\n }\n\n &.visibility {\n height: 18px;\n width: 18px;\n\n &:hover:before {\n background-color: map.get($intems-colors, 'information') !important;\n }\n }\n\n &.delete:hover:before {\n background-color: map.get($intems-colors, 'error') !important;\n }\n }\n }\n\n .note-title-col {\n max-width: 70%;\n padding-left: 4px;\n }\n\n .action-buttons {\n width: 100%;\n\n button {\n height: auto;\n line-height: initial;\n }\n }\n }\n }\n }\n }\n }\n }\n }\n\n a {\n color: map.get($intems-colors, 'primary');\n display: inline;\n padding: 0;\n font-size: inherit;\n }\n\n .view-all-row {\n border-top: 1px map.get($intems-colors, 'border') solid;\n line-height: 50px;\n }\n\n .ps__rail-x {\n display: none !important;\n }\n\n .has-unread {\n position: absolute;\n top: -6px;\n right: -8px;\n height: 9px;\n width: 9px;\n border-radius: 50%;\n background-color: map.get($intems-colors, 'accent-top-menu');\n }\n\n .fade-enter-active,\n .fade-leave-active {\n transition: opacity 0.5s;\n }\n\n .fade-enter,\n .fade-leave-to {\n opacity: 0;\n }\n\n &.dark {\n .v-dropdown-menu__container {\n background-color: map.get($intems-colors, 'dark');\n color: map.get($intems-colors, 'text-dark');\n border: 1px map.get($intems-colors, 'text-secondary') solid;\n\n .primary-text {\n color: map.get($intems-colors, 'text-top-menu');\n }\n\n .v-dropdown-menu__header {\n position: relative;\n z-index: 1001;\n\n .note-title-row {\n border-bottom: 1px map.get($intems-colors, 'text-secondary') solid;\n\n .sub-menu {\n background-color: map.get($intems-colors, 'dark');\n border: 1px map.get($intems-colors, 'text-secondary') solid;\n\n li {\n &:hover:not(.is-disabled) {\n background-color: map.get($intems-colors, 'hover-dropdown');\n }\n\n a {\n color: map.get($intems-colors, 'text-top-menu');\n\n &:hover:not(.is-disabled) {\n background-color: map.get($intems-colors, 'hover-dropdown');\n }\n }\n }\n }\n }\n }\n\n .v-dropdown-menu__body {\n .main-dropdown {\n .tabs.default-tabs {\n background-color: map.get($intems-colors, 'dark');\n border-bottom: 1px map.get($intems-colors, 'text-secondary') solid;\n z-index: 1000;\n\n .indicator {\n background-color: map.get($intems-colors, 'active');\n }\n\n button.tab {\n color: map.get($intems-colors, 'text-dark');\n\n .counter {\n color: map.get($intems-colors, 'dark');\n }\n\n &.active,\n &:hover {\n color: map.get($intems-colors, 'text-top-menu');\n }\n }\n }\n\n .notification-content {\n .notifications-list {\n .tab-content {\n .note {\n background-color: map.get($intems-colors, 'dark');\n border-bottom: 1px map.get($intems-colors, 'text-secondary') solid;\n\n a {\n color: map.get($intems-colors, 'active');\n }\n\n .time-ago {\n color: map.get($intems-colors, 'text-disable');\n }\n\n &.read {\n background-color: map.get($intems-colors, 'text-primary');\n .row {\n background-color: map.get($intems-colors, 'text-primary');\n }\n }\n\n .span-text {\n color: map.get($intems-colors, 'active');\n }\n }\n }\n }\n }\n\n .view-all-row {\n border-top: 1px map.get($intems-colors, 'text-secondary') solid;\n\n .action-button.is-link {\n color: map.get($intems-colors, 'active');\n }\n }\n }\n }\n }\n }\n}\n\n.bell-animation {\n -webkit-animation: ring 5.6s 0.5s ease-in-out infinite;\n -webkit-transform-origin: 50% 4px;\n -moz-animation: ring 5.6s 0.5s ease-in-out infinite;\n -moz-transform-origin: 50% 4px;\n animation: ring 5.6s 0.5s ease-in-out infinite;\n transform-origin: 50% 4px;\n}\n","@use 'sass:map';\n@import '../../scss/components/variables';\n\n.image-wrapper {\n &.sm {\n width: 35px;\n height: 35px;\n .user-image {\n border: 1px solid map.get($intems-colors, 'border');\n &.anonymous {\n font-size: 12px;\n &.dark {\n background-color: var(--bg-primary);\n color: var(--text-disable);\n border: 1px solid var(--border);\n }\n }\n }\n }\n &.md {\n height: 44px;\n width: 44px;\n .user-image {\n border: 1px solid map.get($intems-colors, 'border');\n &.anonymous {\n font-size: 16px;\n color: map.get($intems-colors, 'text-disable');\n &.dark {\n background-color: var(--bg-primary);\n color: var(--text-disable);\n border: 1px solid var(--border);\n }\n }\n }\n }\n &.lg {\n height: 96px;\n width: 96px;\n }\n &.xl {\n height: 128px;\n width: 128px;\n .user-image.anonymous {\n font-size: 50px;\n color: map.get($intems-colors, 'text-disable');\n &.dark {\n background-color: var(--bg-primary);\n color: var(--text-disable);\n border: 1px solid var(--border);\n }\n }\n }\n .user-image {\n border: 2px solid map.get($intems-colors, 'border');\n border-radius: 50%;\n overflow: hidden;\n width: inherit;\n height: inherit;\n\n &img {\n object-fit: cover;\n }\n &.anonymous {\n background-color: map.get($intems-colors, 'background');\n font-size: $font-size-40;\n color: map.get($intems-colors, 'text-disable');\n font-weight: 600;\n text-transform: uppercase;\n display: inline-flex;\n justify-content: center;\n align-items: center;\n &.dark {\n background-color: var(--bg-primary);\n color: var(--text-disable);\n border: 1px solid var(--border);\n }\n }\n }\n &.no-border .user-image {\n border: none;\n }\n}\n","@use 'sass:map';\n@import '../../scss/components/variables';\n\n.on-boarding-sign {\n position: absolute;\n top: 97px;\n right: 30px;\n width: 485px;\n padding: 1.5rem;\n border-radius: 16px;\n background-color: map.get($intems-colors, 'overlay');\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n color: map.get($intems-colors, 'surface-tertiary');\n pointer-events: all;\n z-index: 1999;\n will-change: top;\n transition: top 0.3s;\n\n @media #{$medium-and-down} {\n width: 285px;\n right: 15px;\n }\n\n &__arrow {\n position: absolute;\n left: 80%;\n top: -15px;\n transform: rotate(90deg);\n width: 0;\n height: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n border-right: 10px solid map.get($intems-colors, 'overlay');\n }\n\n &__title {\n font: {\n size: 1.5rem;\n weight: bold;\n }\n color: map.get($intems-colors, 'text-on-color');\n }\n\n &__description {\n margin-top: 1rem;\n line-height: 1.5rem;\n }\n\n &-buttons {\n display: flex;\n justify-content: flex-end;\n margin-top: 1rem;\n\n button {\n background: transparent;\n border: none;\n cursor: pointer;\n color: map.get($intems-colors, 'dark-surface-tertiary');\n\n &:last-child {\n margin-left: 2rem;\n color: map.get($intems-colors, 'text-top-menu');\n }\n }\n }\n}\n","@use 'sass:map';\n@import './scss/components/utils';\n@import './scss/components/variables';\n\n.intems-menu {\n border-bottom: solid map.get($intems-colors, 'surface-tertiary') 1px;\n font-family: $font-nunito;\n\n &-container {\n position: relative;\n display: flex;\n gap: 16px;\n justify-content: space-between;\n align-items: center;\n height: 64px;\n padding: 0 20px;\n background-color: map.get($intems-colors, 'white');\n z-index: 997;\n\n @media #{$small-and-down} {\n gap: 0;\n padding: 0 16px;\n }\n\n a, a:hover {\n text-decoration: none;\n }\n }\n\n &-left {\n display: flex;\n align-items: center;\n width: 100%;\n }\n\n &-toggler {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n flex-direction: column;\n justify-content: space-between;\n width: 15px;\n height: 10px;\n margin-right: 20px;\n cursor: pointer;\n\n @media #{$small-and-down} {\n margin-right: 0;\n }\n\n span {\n display: inline-block;\n width: 100%;\n height: 2px;\n border-radius: 2px;\n background-color: map.get($intems-colors, 'background-top-menu');\n transition: width 0.3s 0.2s;\n }\n\n .icon {\n position: absolute;\n top: 50%;\n right: -9px;\n transform: translateY(-50%);\n width: 16px;\n height: 16px;\n opacity: 0;\n transition: 0.3s;\n }\n\n &.lite {\n @media #{$large-and-up} {\n display: none;\n }\n }\n\n &.collapsed {\n span {\n &:nth-child(2) {\n width: 75%;\n transition: width 0.3s;\n }\n }\n\n .icon {\n opacity: 1;\n transition: 0.2s 0.3s;\n }\n }\n\n &.open {\n span {\n position: absolute;\n transition: 0.5s;\n\n &:first-child,\n &:nth-child(3) {\n top: 6px;\n left: -1px;\n }\n\n &:first-child {\n transform: rotate(45deg);\n }\n\n &:nth-child(2) {\n width: 0;\n opacity: 0;\n }\n\n &:nth-child(3) {\n transform: rotate(-45deg);\n }\n }\n }\n }\n\n &-logo {\n display: inline-flex;\n width: 90px;\n height: 30px;\n\n @media #{$small-and-down} {\n order: 1;\n margin-left: 16px;\n }\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n\n &-links {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n margin-left: 12px;\n\n @media #{$small-and-down} {\n display: none;\n }\n\n a {\n color: map.get($intems-colors, 'dark');\n font-weight: 600;\n transition: .3s;\n\n .icon {\n transition: .3s;\n }\n\n &:hover {\n color: map.get($intems-colors, 'primary');\n\n .icon {\n color: map.get($intems-colors, 'primary');\n }\n }\n }\n }\n\n &-right {\n position: relative;\n display: flex;\n align-items: center;\n\n .icon {\n color: map.get($intems-colors, 'dark');\n }\n }\n\n &-additional,\n &-notifications-bell {\n display: flex;\n height: 44px;\n padding: 6px 22px !important;\n border-right: solid map.get($intems-colors, 'border') 1px;\n\n @media #{$small-and-down} {\n padding: 6px 16px !important;\n }\n }\n\n &-additional {\n align-items: center;\n gap: 24px;\n margin: 0;\n border-left: solid map.get($intems-colors, 'border') 1px;\n\n @media #{$medium-and-down} {\n display: none;\n }\n\n li {\n a {\n display: flex;\n align-items: center;\n gap: 8px;\n color: map.get($intems-colors, 'dark');\n font-weight: 600;\n cursor: pointer;\n transition: .3s;\n\n &:hover {\n color: map.get($intems-colors, 'primary');\n\n .icon {\n color: map.get($intems-colors, 'primary');\n }\n }\n\n &.no-kudos {\n cursor: default;\n\n &:hover {\n color: map.get($intems-colors, 'dark');\n\n .icon {\n color: map.get($intems-colors, 'dark');\n }\n }\n }\n\n .icon {\n transition: .3s;\n }\n }\n }\n }\n\n &-user {\n display: flex;\n align-items: center;\n padding: 6px 0 6px 16px;\n\n @media #{$small-and-down} {\n padding: 6px 0 6px 8px;\n }\n\n .intellihub-logo {\n margin-left: 20px;\n color: map.get($intems-colors, 'active');\n font: {\n size: $font-size-14;\n weight: 700;\n }\n\n @media #{$small-and-down} {\n margin-left: 4px;\n }\n }\n }\n\n &-logout {\n display: flex;\n align-items: center;\n color: map.get($intems-colors, 'dark');\n margin-left: 16px;\n cursor: pointer;\n font: {\n size: $font-size-14;\n weight: 600;\n };\n\n .icon {\n margin-left: 8px;\n color: map.get($intems-colors, 'dark');\n }\n }\n}\n\n[data-theme=\"dark\"] {\n .intems-menu {\n border-color: var(--border);\n\n &-container {\n background-color: var(--surface-primary-dark);\n }\n\n &-toggler {\n span {\n background-color: var(--bg-secondary-light);\n }\n }\n\n &-links a:not(:hover),\n &-right .icon,\n &-additional li a:not(:hover),\n &-additional li a.no-kudos:hover,\n &-additional li a.no-kudos:hover .icon,\n &-logout,\n &-logout .icon {\n color: var(--text-primary-dark);\n }\n\n &-additional,\n &-notifications-bell {\n border-color: var(--border);\n }\n }\n}\n\n","// Fonts\n@import url('https://fonts.googleapis.com/css?family=Play:400,700&display=swap');\n@import url('https://fonts.googleapis.com/css?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');\n@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap');\n@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');\n\n@import 'components/tooltip';\n@import 'components/global';\n@import 'components/dynamic-components/Confirm.scss';\n@import 'components/dynamic-components/GiveKudosForm.scss';\n","@use 'sass:map';\n@import './variables';\n\n.tooltip {\n display: block !important;\n z-index: 10000;\n\n .tooltip-inner {\n max-width: 300px;\n padding: 6px 8px;\n background: map.get($intems-colors, 'background-top-menu');\n border-radius: 6px;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n color: map.get($intems-colors, 'text-on-color');\n font-size: $font-size-12;\n }\n\n &[x-placement^='top'] {\n margin-bottom: 5px;\n }\n\n &[x-placement^='bottom'] {\n margin-top: 5px;\n }\n\n &[x-placement^='right'] {\n margin-left: 5px;\n }\n\n &[x-placement^='left'] {\n margin-right: 5px;\n }\n\n &[aria-hidden='true'] {\n visibility: hidden;\n opacity: 0;\n transition: opacity 0.15s, visibility 0.15s;\n }\n\n &[aria-hidden='false'] {\n visibility: visible;\n opacity: 1;\n transition: opacity 0.15s;\n }\n}\n","@-webkit-keyframes ring {\n 0% {\n -webkit-transform: rotate(0);\n }\n 1% {\n -webkit-transform: rotate(32deg);\n }\n 3% {\n -webkit-transform: rotate(-30deg);\n }\n 5% {\n -webkit-transform: rotate(42deg);\n }\n 7% {\n -webkit-transform: rotate(-40deg);\n }\n 9% {\n -webkit-transform: rotate(36deg);\n }\n 11% {\n -webkit-transform: rotate(-34deg);\n }\n 13% {\n -webkit-transform: rotate(32deg);\n }\n 15% {\n -webkit-transform: rotate(-30deg);\n }\n 17% {\n -webkit-transform: rotate(30deg);\n }\n 19% {\n -webkit-transform: rotate(-28deg);\n }\n 21% {\n -webkit-transform: rotate(28deg);\n }\n 23% {\n -webkit-transform: rotate(-26deg);\n }\n 25% {\n -webkit-transform: rotate(26deg);\n }\n 27% {\n -webkit-transform: rotate(-24deg);\n }\n 29% {\n -webkit-transform: rotate(24deg);\n }\n 31% {\n -webkit-transform: rotate(-22deg);\n }\n 33% {\n -webkit-transform: rotate(23deg);\n }\n 35% {\n -webkit-transform: rotate(-21deg);\n }\n 37% {\n -webkit-transform: rotate(22deg);\n }\n 39% {\n -webkit-transform: rotate(-20deg);\n }\n 41% {\n -webkit-transform: rotate(21deg);\n }\n 43% {\n -webkit-transform: rotate(-19deg);\n }\n 45% {\n -webkit-transform: rotate(18deg);\n }\n 47% {\n -webkit-transform: rotate(-16deg);\n }\n 50% {\n -webkit-transform: rotate(14deg);\n }\n 52% {\n -webkit-transform: rotate(-12deg);\n }\n 54% {\n -webkit-transform: rotate(10deg);\n }\n 56% {\n -webkit-transform: rotate(-8deg);\n }\n 58% {\n -webkit-transform: rotate(6deg);\n }\n 60% {\n -webkit-transform: rotate(-4deg);\n }\n 62% {\n -webkit-transform: rotate(2deg);\n }\n 64% {\n -webkit-transform: rotate(-1deg);\n }\n 66% {\n -webkit-transform: rotate(1deg);\n }\n\n 70% {\n -webkit-transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(0);\n }\n}\n\n@-moz-keyframes ring {\n 0% {\n -moz-transform: rotate(0);\n }\n 1% {\n -moz-transform: rotate(32deg);\n }\n 3% {\n -moz-transform: rotate(-30deg);\n }\n 5% {\n -moz-transform: rotate(42deg);\n }\n 7% {\n -moz-transform: rotate(-40deg);\n }\n 9% {\n -moz-transform: rotate(36deg);\n }\n 11% {\n -moz-transform: rotate(-34deg);\n }\n 13% {\n -moz-transform: rotate(32deg);\n }\n 15% {\n -moz-transform: rotate(-30deg);\n }\n 17% {\n -moz-transform: rotate(30deg);\n }\n 19% {\n -moz-transform: rotate(-28deg);\n }\n 21% {\n -moz-transform: rotate(28deg);\n }\n 23% {\n -moz-transform: rotate(-26deg);\n }\n 25% {\n -moz-transform: rotate(26deg);\n }\n 27% {\n -moz-transform: rotate(-24deg);\n }\n 29% {\n -moz-transform: rotate(24deg);\n }\n 31% {\n -moz-transform: rotate(-22deg);\n }\n 33% {\n -moz-transform: rotate(23deg);\n }\n 35% {\n -moz-transform: rotate(-21deg);\n }\n 37% {\n -moz-transform: rotate(22deg);\n }\n 39% {\n -moz-transform: rotate(-20deg);\n }\n 41% {\n -moz-transform: rotate(21deg);\n }\n 43% {\n -moz-transform: rotate(-19deg);\n }\n 45% {\n -moz-transform: rotate(18deg);\n }\n 47% {\n -moz-transform: rotate(-16deg);\n }\n 50% {\n -moz-transform: rotate(14deg);\n }\n 52% {\n -moz-transform: rotate(-12deg);\n }\n 54% {\n -moz-transform: rotate(10deg);\n }\n 56% {\n -moz-transform: rotate(-8deg);\n }\n 58% {\n -moz-transform: rotate(6deg);\n }\n 60% {\n -moz-transform: rotate(-4deg);\n }\n 62% {\n -moz-transform: rotate(2deg);\n }\n 64% {\n -moz-transform: rotate(-1deg);\n }\n 66% {\n -moz-transform: rotate(1deg);\n }\n\n 70% {\n -moz-transform: rotate(0);\n }\n 100% {\n -moz-transform: rotate(0);\n }\n}\n\n@keyframes ring {\n 0% {\n transform: rotate(0);\n }\n 1% {\n transform: rotate(32deg);\n }\n 3% {\n transform: rotate(-30deg);\n }\n 5% {\n transform: rotate(42deg);\n }\n 7% {\n transform: rotate(-40deg);\n }\n 9% {\n transform: rotate(36deg);\n }\n 11% {\n transform: rotate(-34deg);\n }\n 13% {\n transform: rotate(32deg);\n }\n 15% {\n transform: rotate(-30deg);\n }\n 17% {\n transform: rotate(30deg);\n }\n 19% {\n transform: rotate(-28deg);\n }\n 21% {\n transform: rotate(28deg);\n }\n 23% {\n transform: rotate(-26deg);\n }\n 25% {\n transform: rotate(26deg);\n }\n 27% {\n transform: rotate(-24deg);\n }\n 29% {\n transform: rotate(24deg);\n }\n 31% {\n transform: rotate(-22deg);\n }\n 33% {\n transform: rotate(23deg);\n }\n 35% {\n transform: rotate(-21deg);\n }\n 37% {\n transform: rotate(22deg);\n }\n 39% {\n transform: rotate(-20deg);\n }\n 41% {\n transform: rotate(21deg);\n }\n 43% {\n transform: rotate(-19deg);\n }\n 45% {\n transform: rotate(18deg);\n }\n 47% {\n transform: rotate(-16deg);\n }\n 50% {\n transform: rotate(14deg);\n }\n 52% {\n transform: rotate(-12deg);\n }\n 54% {\n transform: rotate(10deg);\n }\n 56% {\n transform: rotate(-8deg);\n }\n 58% {\n transform: rotate(6deg);\n }\n 60% {\n transform: rotate(-4deg);\n }\n 62% {\n transform: rotate(2deg);\n }\n 64% {\n transform: rotate(-1deg);\n }\n 66% {\n transform: rotate(1deg);\n }\n\n 70% {\n transform: rotate(0);\n }\n 100% {\n transform: rotate(0);\n }\n}","@use 'sass:map';\n@import './utils';\n@import './variables';\n@import \"./animations\";\n\nmain {\n overflow: auto;\n position: relative;\n flex: 1 1 auto;\n}\n\n.bold {\n font-weight: bold;\n}\n\n.margin-top-5 {\n margin-top: 5px;\n}\n\n.margin-top-10 {\n margin-top: 10px;\n}\n\n.padding-top-15 {\n padding-top: 15px;\n}\n\n.margin-top-15 {\n margin-top: 15px;\n}\n\n.margin-top-25 {\n margin-top: 25px;\n}\n\n.margin-top-50 {\n margin-top: 50px;\n}\n\n.margin-left-15 {\n margin-left: 15px;\n}\n\n.margin-left-8 {\n margin-left: 8px;\n}\n\n.margin-bottom-5 {\n margin-bottom: 5px;\n}\n\n.margin-bottom-15 {\n margin-bottom: 15px;\n}\n\n.title-row {\n margin: 30px 0 40px;\n\n .page-title {\n margin: 0;\n align-self: center;\n justify-self: flex-start;\n }\n button {\n order: 2;\n }\n}\n\n.flex {\n display: flex;\n\n &.vertical-center {\n align-items: center;\n }\n}\n\n.center {\n text-align: center;\n justify-content: center;\n}\n\n.wide {\n width: 100%;\n}\n\n.pointer {\n cursor: pointer;\n}\n\n.primary-text {\n font-size: 14px !important;\n line-height: 1.29;\n font-weight: bold;\n}\n\n.semi-primary-text {\n font-size: 14px;\n line-height: 1.25;\n font-weight: normal;\n}\n\n.error-text {\n color: map.get($intems-colors, 'error');\n\n span {\n color: map.get($intems-colors, 'error') !important;\n }\n}\n\n.text-muted {\n font-size: 12px;\n color: #64748b;\n}\n","@use 'sass:map';\n@import '../utils';\n@import '../variables';\n\n.modal.confirm {\n box-sizing: border-box;\n min-width: 280px;\n min-height: 150px;\n flex-direction: column;\n background-color: map.get($intems-colors, 'text-on-color');\n position: fixed;\n\n &.open {\n display: flex !important;\n }\n\n .header {\n padding-bottom: 10px;\n\n i.modal-close {\n float: right;\n height: 24px;\n line-height: 24px;\n }\n\n h3 {\n color: map.get($intems-colors, 'text-primary');\n }\n\n + .modal-footer {\n padding-top: 30px;\n }\n }\n\n .modal-content {\n white-space: normal;\n color: map.get($intems-colors, 'text-primary');\n overflow: initial;\n font-weight: normal;\n line-height: normal;\n margin-right: 0;\n padding-right: 0;\n }\n}\n","@use 'sass:map';\n@import '../variables';\n\n.give-kudos {\n a,\n a:hover {\n text-decoration: none;\n color: map.get($intems-colors, 'primary-hover');\n }\n\n a.portals-link {\n color: var(--text-link);\n font-size: var(--font-size-14);\n font-weight: 600;\n text-decoration: underline;\n\n &:hover {\n color: var(--text-link-hover);\n }\n }\n\n .kudos-form {\n .rows-group {\n display: grid;\n grid-template-columns: 1fr 200px;\n grid-column-gap: 32px;\n }\n\n .kudos-quantity {\n width: 100%;\n height: 40px;\n padding: 0 15px;\n margin: 0;\n border: solid 1px map.get($intems-colors, 'border');\n border-radius: 6px;\n box-sizing: inherit;\n font: {\n size: 14px;\n weight: 600;\n }\n\n &:focus,\n &:active,\n &:focus-visible {\n border: solid 1px map.get($intems-colors, 'primary');\n box-shadow: none !important;\n outline: none !important;\n }\n\n &:disabled {\n color: map.get($intems-colors, 'text-disable');\n font-weight: 400;\n background-color: map.get($intems-colors, 'disable');\n }\n }\n\n /* Firefox */\n input[type='number'] {\n -moz-appearance: textfield;\n }\n\n .v-select {\n .vs__dropdown-toggle {\n border-radius: 6px;\n }\n\n .vs__deselect {\n margin-left: 15px;\n }\n\n &.short-dropdown {\n .vs__dropdown-menu {\n max-height: 235px;\n }\n }\n }\n\n textarea {\n resize: none;\n min-height: 100px;\n max-height: 300px;\n min-width: 100%;\n max-width: 100%;\n border-radius: 6px;\n outline: none;\n padding: 10px;\n font-size: 14px;\n\n &::placeholder {\n color: map.get($intems-colors, 'text-placeholder');\n font-size: 14px;\n }\n }\n\n .portals-input {\n border: solid 1px var(--border);\n background-color: var(--surface-primary);\n color: var(--text-primary);\n\n &:focus {\n border: solid 1px var(--accent-primary);\n }\n }\n\n .textarea-info {\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n font-size: var(--font-size-10);\n\n &.lite-info {\n font-size: $font-size-10;\n }\n }\n\n label {\n display: flex;\n font-size: $font-size-14;\n margin-bottom: 10px;\n color: var(--text-primary);\n }\n\n .error {\n font-size: $font-size-12;\n color: map.get($intems-colors, 'error');\n }\n\n .error-field {\n border: solid 1px map.get($intems-colors, 'error') !important;\n }\n }\n}"],"sourceRoot":""}
package/dist/images/banner_dark.gif ADDED
Binary file
package/dist/images/banner_light.gif ADDED
Binary file