@inspark/inspark-components 19.0.49 → 19.0.51

package/src/scss/patchPrimeng/checkbox/_primeng.components.checkbox.theme-light.scss

@@ -0,0 +1,46 @@
+@use "@inspark/components-web/src/inspark" as *;;
+.p-checkbox {
+  .p-checkbox-box {
+    //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
+
+    .p-checkbox-icon {
+
+      &::before,
+      &::after {
+        border: 2px solid #000;
+      }
+
+      &::after {
+        border: 0 none;
+        opacity: 0;
+      }
+
+      &.pi-check::after {
+        background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMjQgMjQiPiAgPHRpdGxlPiAgICBJY29uL2NoZWNrYm94X29uICA8L3RpdGxlPiAgPGRlc2M+ICAgIENyZWF0ZWQgd2l0aCBTa2V0Y2guICA8L2Rlc2M+ICA8ZGVmcz4gICAgPHBhdGggaWQ9ImNoZWNrYm94X29uLWEiIGQ9Ik0yLDMuOTkwNzk1MTQgQzIsMi44OTEzMDkzNCAyLjg5ODIxMjM4LDIgMy45OTA3OTUxNCwyIEwyMC4wMDkyMDQ5LDIgQzIxLjEwODY5MDcsMiAyMiwyLjg5ODIxMjM4IDIyLDMuOTkwNzk1MTQgTDIyLDIwLjAwOTIwNDkgQzIyLDIxLjEwODY5MDcgMjEuMTAxNzg3NiwyMiAyMC4wMDkyMDQ5LDIyIEwzLjk5MDc5NTE0LDIyIEMyLjg5MTMwOTM0LDIyIDIsMjEuMTAxNzg3NiAyLDIwLjAwOTIwNDkgTDIsMy45OTA3OTUxNCBaIE05LjMwMjc3MTI2LDE3LjkyNDc3MzMgTDE4LjgwOCw3LjQ2OTE5NjM2IEwxNy4xOTI5MzIyLDYgTDkuMjI4NTI1MywxNC43NjE4OTU3IEw2LjU0MzQ0MjMxLDEyLjA3NjgxMjggTDUsMTMuNjIxMTI4NSBMOS4zMDI3NzEyNiwxNy45MjQ3NzMzIFoiLz4gIDwvZGVmcz4gIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiPiAgICA8cmVjdCB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHg9IjIiIHk9IjIiLz4gICAgPG1hc2sgaWQ9ImNoZWNrYm94X29uLWIiIGZpbGw9IiNmZmYiPiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2NoZWNrYm94X29uLWEiLz4gICAgPC9tYXNrPiAgICA8Zy8+ICAgIDxnIGZpbGw9IiMzODczODIiIG1hc2s9InVybCgjY2hlY2tib3hfb24tYikiPiAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIvPiAgICA8L2c+ICA8L2c+PC9zdmc+");
+        opacity: 1;
+      }
+
+      &.pi-minus::after {
+        background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDI0IDI0Ij4gIDxkZWZzPiAgICA8cGF0aCBpZD0iY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1jb3B5LWEiIGQ9Ik0yLDIuODMzMzMzMzMgQzIsMi4zNzMwOTYwNCAyLjM3MzA5NjA0LDIgMi44MzMzMzMzMywyIEwyMS4xNjY2NjY3LDIgQzIxLjYyNjkwNCwyIDIyLDIuMzczMDk2MDQgMjIsMi44MzMzMzMzMyBMMjIsMjEuMTY2NjY2NyBDMjIsMjEuNjI2OTA0IDIxLjYyNjkwNCwyMiAyMS4xNjY2NjY3LDIyIEwyLjgzMzMzMzMzLDIyIEMyLjM3MzA5NjA0LDIyIDIsMjEuNjI2OTA0IDIsMjEuMTY2NjY2NyBMMiwyLjgzMzMzMzMzIFogTTE2LDEzIEMxNi41NTIyODQ3LDEzIDE3LDEyLjU1MjI4NDcgMTcsMTIgQzE3LDExLjQ0NzcxNTMgMTYuNTUyMjg0NywxMSAxNiwxMSBMOCwxMSBDNy40NDc3MTUyNSwxMSA3LDExLjQ0NzcxNTMgNywxMiBDNywxMi41NTIyODQ3IDcuNDQ3NzE1MjUsMTMgOCwxMyBMMTYsMTMgWiIvPiAgPC9kZWZzPiAgPHVzZSBmaWxsPSIjMzg3MzgyIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiB4bGluazpocmVmPSIjY2hlY2tib3hfaW5kZXRlcm1pbmF0ZS1jb3B5LWEiLz48L3N2Zz4=');
+        opacity: 1;
+      }
+    }
+  }
+}
+
+.p-checkbox_icon_currentcolor {
+  .p-checkbox-box {
+    .p-checkbox-icon {
+
+      &::before,
+      &::after {
+        border: 2px solid currentColor;
+      }
+
+      &::after {
+        border: 0 none;
+        opacity: 0;
+      }
+    }
+  }
+}

package/src/scss/patchPrimeng/common/_primeng.components.common.scss

@@ -0,0 +1,356 @@
+//@import "~primeng/resources/components/common/common.css";
+
+//colors
+$black_30: rgba(0, 0, 0, 0.3);
+//$text-color: #898989;
+
+:root {
+  //--surface-a:#ffffff;
+  //--surface-b:#efefef;
+  //--surface-c:#e9ecef;
+  //--surface-d:#dee2e6;
+  //--surface-e:#ffffff;
+  //--surface-f:#ffffff;
+  //--text-color:#212529;
+  //--text-color-secondary:#6c757d;
+  //--primary-color:#007bff;
+  //--primary-color-text:#ffffff;
+  //--font-family:-apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
+  //--surface-0: #ffffff;
+  //--surface-50: #f9fafb;
+  //--surface-100: #f8f9fa;
+  //--surface-200: #e9ecef;
+  //--surface-300: #dee2e6;
+  //--surface-400: #ced4da;
+  //--surface-500: #adb5bd;
+  //--surface-600: #6c757d;
+  //--surface-700: #495057;
+  //--surface-800: #343a40;
+  //--surface-900: #212529;
+  //--gray-50: #f9fafb;
+  //--gray-100: #f8f9fa;
+  //--gray-200: #e9ecef;
+  //--gray-300: #dee2e6;
+  //--gray-400: #ced4da;
+  //--gray-500: #adb5bd;
+  //--gray-600: #6c757d;
+  //--gray-700: #495057;
+  //--gray-800: #343a40;
+  //--gray-900: #212529;
+  //--content-padding:1.25rem;
+  //--inline-spacing:0.5rem;
+  //--border-radius:4px;
+  //--surface-ground:#efefef;
+  //--surface-section:#ffffff;
+  //--surface-card:#ffffff;
+  //--surface-overlay:#ffffff;
+  //--surface-border:#dee2e6;
+  //--surface-hover:#e9ecef;
+  --maskbg: rgba(0, 0, 0, 0.4);
+  //--focus-ring: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+  //color-scheme: light;
+}
+
+.p-widget {
+  //Instead of the line below you could use @include box-sizing($bs)
+  box-sizing: border-box;
+  * {
+    //Instead of the line below you could use @include box-sizing($bs)
+    box-sizing: border-box;
+  }
+}
+
+.p-corner-all {
+  border-radius: $global-radius;
+}
+
+.p-corner-top {
+  border-top-left-radius: $global-radius;
+  border-top-right-radius: $global-radius;
+}
+
+.p-corner-bottom {
+  border-bottom-left-radius: $global-radius;
+  border-bottom-right-radius: $global-radius;
+}
+
+.p-corner-left {
+  border-top-left-radius: $global-radius;
+  border-bottom-left-radius: $global-radius;
+}
+
+.p-corner-right {
+  border-top-right-radius: $global-radius;
+  border-bottom-right-radius: $global-radius;
+}
+
+.p-helper-hidden {
+  display: none !important;
+}
+
+.p-helper-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  input {
+    //Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
+    transform: scale(0);
+  }
+  select {
+    //Instead of the line below you could use @include transform($scale, $rotate, $transx, $transy, $skewx, $skewy, $originx, $originy)
+    transform: scale(0);
+  }
+}
+
+.p-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none;
+}
+
+.p-helper-clearfix::before {
+  content: "";
+  display: table;
+}
+
+.p-helper-clearfix::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+
+.p-helper-clearfix {
+  zoom: 1;
+}
+
+.p-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter: Alpha(Opacity=0);
+}
+
+.p-state-disabled {
+  cursor: default !important;
+  a {
+    cursor: default !important;
+  }
+}
+
+.p-disabled, .p-component:disabled {
+  opacity: 0.65;
+}
+
+.p-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat;
+}
+
+.p-widget-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.p-resizable {
+  position: relative;
+}
+
+.p-resizable-handle {
+  position: absolute;
+  font-size: 0.1px;
+  display: block;
+}
+
+.p-resizable-n {
+  cursor: n-resize;
+  height: 7px;
+  width: 100%;
+  top: -5px;
+  left: 0;
+}
+
+.p-resizable-s {
+  cursor: s-resize;
+  height: 7px;
+  width: 100%;
+  bottom: -5px;
+  left: 0;
+}
+
+.p-resizable-e {
+  cursor: e-resize;
+  width: 7px;
+  right: -5px;
+  top: 0;
+  height: 100%;
+}
+
+.p-resizable-w {
+  cursor: w-resize;
+  width: 7px;
+  left: -5px;
+  top: 0;
+  height: 100%;
+}
+
+.p-resizable-se {
+  cursor: se-resize;
+  width: 12px;
+  height: 12px;
+  right: 1px;
+  bottom: 1px;
+}
+
+.p-resizable-sw {
+  cursor: sw-resize;
+  width: 9px;
+  height: 9px;
+  left: -5px;
+  bottom: -5px;
+}
+
+.p-resizable-nw {
+  cursor: nw-resize;
+  width: 9px;
+  height: 9px;
+  left: -5px;
+  top: -5px;
+}
+
+.p-resizable-ne {
+  cursor: ne-resize;
+  width: 9px;
+  height: 9px;
+  right: -5px;
+  top: -5px;
+}
+
+.p-shadow {
+  //Instead of the line below you could use @include box-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10)
+  box-shadow: 0 1px 3px 0 $black_30;
+}
+
+.p-unselectable-text {
+  //Instead of the line below you could use @include user-select($select)
+  user-select: none;
+}
+
+.p-scrollbar-measure {
+  width: 100px;
+  height: 100px;
+  overflow: scroll;
+  position: absolute;
+  top: -9999px;
+}
+
+.p-overflow-hidden {
+  overflow: hidden;
+}
+
+::-webkit-input-placeholder {
+  color: var(--colorTextMuted);
+}
+
+:-moz-placeholder {
+  color: var(--colorTextMuted);
+  opacity: 1;
+}
+
+::-moz-placeholder {
+  color: var(--colorTextMuted);
+  opacity: 1;
+}
+
+:-ms-input-placeholder {
+  color: var(--colorTextMuted);
+}
+
+::-ms-input-placeholder {
+  color: var(--colorTextMuted);
+}
+
+.p-placeholder {
+  color: var(--colorTextMuted);
+}
+
+input[type="button"] {
+  //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
+  border-radius: 0;
+}
+
+input[type="submit"] {
+  //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
+  border-radius: 0;
+}
+
+input[type="reset"] {
+  //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
+  border-radius: 0;
+}
+
+input[type="file"]::-webkit-file-upload-button {
+  //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
+  border-radius: 0;
+}
+
+button {
+  //Instead of the line below you could use @include border-radius($radius, $vertical-radius)
+  border-radius: 0;
+}
+
+.p-resizable-disabled .p-resizable-handle {
+  display: none;
+}
+
+.p-resizable-autohide .p-resizable-handle {
+  display: none;
+}
+
+.p-hovering {
+  &:hover {
+    cursor: pointer;
+  }
+}
+
+.p-component-overlay-enter {
+  animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+  animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+@keyframes p-component-overlay-enter-animation {
+  from {
+    background-color: transparent;
+  }
+  to {
+    background-color: var(--maskbg);
+  }
+}
+@keyframes p-component-overlay-leave-animation {
+  from {
+    background-color: var(--maskbg);
+  }
+  to {
+    background-color: transparent;
+  }
+}

package/src/scss/patchPrimeng/common/_primeng.components.common.theme-contrast.scss

@@ -0,0 +1,12 @@
+.p-highlight,
+.p-state-highlight {
+  border-color: rgba($ids-theme-status-highlight, 0.5);
+  background-color: rgba($ids-theme-status-highlight, 0.5);
+  color: $color-base-white;
+}
+
+.p-hovering {
+  &:hover {
+    background: var(--card-background-selected);
+  }
+}

package/src/scss/patchPrimeng/common/_primeng.components.common.theme-dark.scss

@@ -0,0 +1,12 @@
+.p-highlight,
+.p-state-highlight {
+  border-color: rgba($ids-theme-status-highlight, 0.5);
+  background-color: rgba($ids-theme-status-highlight, 0.5);
+  color: $color-base-black;
+}
+
+.p-hovering {
+  &:hover {
+    background: var(--card-background-selected);
+  }
+}

package/src/scss/patchPrimeng/common/_primeng.components.common.theme-light.scss

@@ -0,0 +1,12 @@
+.p-highlight,
+.p-state-highlight {
+  border-color: rgba($ids-theme-status-highlight, 0.5);
+  background-color: rgba($ids-theme-status-highlight, 0.5);
+  color: $color-base-white;
+}
+
+.p-hovering {
+  &:hover {
+    background: var(--card-background-selected);
+  }
+}

package/src/scss/patchPrimeng/contextmenu/_primeng.components.contextmenu.scss

@@ -0,0 +1,64 @@
+//@import "~primeng/resources/components/contextmenu/contextmenu.css";
+
+.p-contextmenu {
+  width: 12.5em;
+  padding: .25em;
+  position: absolute;
+  display: none;
+}
+
+.p-contextmenu .p-menu-separator {
+  border-width: 1px 0 0 0;
+}
+
+.p-contextmenu ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.p-contextmenu .p-submenu-list {
+  display: none;
+  position: absolute;
+  width: 25em;
+  padding: .75em;
+}
+
+.p-contextmenu .p-menuitem-link {
+  padding: .25em;
+  display: block;
+  position: relative;
+}
+
+.p-contextmenu .p-menuitem-icon {
+  margin-right: .25em;
+  vertical-align: middle;
+}
+
+.p-contextmenu .p-menuitem-text {
+  vertical-align: middle;
+}
+
+.p-contextmenu .p-menuitem {
+  position: relative;
+}
+
+
+.p-contextmenu .p-menuitem-link .p-submenu-icon {
+  position: absolute;
+  margin-top: -.5em;
+  right: 0;
+  top: 50%;
+}
+
+.p-contextmenu .p-menuitem-active > .p-submenu > .p-submenu-list {
+  display: block !important;
+}
+
+@media (max-height: 800px) {
+  .p-contextmenu .p-menuitem-active > .p-submenu > .p-submenu-list {
+    max-height: 18rem;
+    overflow-y: auto;
+  }
+}
+

package/src/scss/patchPrimeng/dialog/_primeng.components.dialog.scss

@@ -0,0 +1,155 @@
+//@import "~primeng/resources/components/dialog/dialog.css";
+
+.p-dialog {
+  position: fixed;
+  padding: 0;
+  background-color: $modal-content-bg;
+  color: inherit !important;
+  border-radius: 4px;
+  box-shadow: none;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+}
+
+.p-dialog .p-dialog-header {
+  border-bottom: 0 none;
+  background-color: var(--colorBgLevel2);
+  padding: 1rem;
+  border-top-right-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.p-dialog .p-dialog-header .p-dialog-title {
+  font-weight: 700;
+  font-size: 18px;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon {
+  width: 2rem;
+  height: 2rem;
+  color: var(--colorTextMuted);
+  border: 0 none;
+  background: transparent;
+  border-radius: 4px;
+  transition: box-shadow 0.15s;
+  margin-right: 0.5rem;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
+  color: var(--colorTextSecondary);
+  border-color: transparent;
+  background: transparent;
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
+}
+.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
+  margin-right: 0;
+}
+
+.p-dialog .p-dialog-titlebar {
+  padding: .5em .75em;
+  position: relative;
+  border: 0;
+}
+
+.p-dialog .p-dialog-content {
+  position: relative;
+  border: 0;
+  padding: .5em .75em;
+  background: transparent;
+  overflow: auto;
+  zoom: 1;
+}
+
+.p-dialog .p-resizable-se {
+  width: 14px;
+  height: 14px;
+  right: 3px;
+  bottom: 3px;
+}
+.p-draggable .p-dialog-titlebar {
+  cursor: move;
+}
+
+.p-dialog .p-dialog-titlebar-icon {
+  text-decoration: none;
+  float: right;
+  float: right;
+  padding: .125em;
+  cursor: pointer;
+  border: 1px solid transparent;
+}
+
+.p-dialog .p-dialog-titlebar-icon span {
+  display: block;
+  margin: 0;
+  font-size: 20px;
+}
+
+.p-dialog-footer {
+  padding: 1em;
+  border-width: 1px 0 0 0;
+  text-align: right;
+  align-self: flex-start;
+}
+
+.p-dialog-mask {
+  position: fixed;
+  width: 100%;
+  height: 100%;
+}
+
+.p-dialog-maximized {
+  -webkit-transition: left .3s, top .3s, width .3s,height .3s;
+  transition: left .3s, top .3s, width .3s,height .3s;
+}
+
+/* ConfirmDialog */
+.p-confirmdialog {
+  width: 30em;
+}
+
+.p-confirmdialog.p-dialog .p-dialog-content {
+  padding: 1em 2em;
+}
+.p-confirmdialog .p-dialog-content .p-confirmdialog-icon {
+  font-size: 1.5em;
+  vertical-align: middle;
+  margin-right: .5em;
+}
+.p-confirmdialog .p-dialog-content .p-confirmdialog-message {
+  vertical-align: middle;
+}
+.p-button {
+  outline: 0;
+}
+.p-dialog-footer .p-button {
+  margin-right: .25em;
+}
+
+/* Fluid */
+.p-fluid .p-dialog-footer .p-button {
+  width: auto;
+}
+
+/* RTL */
+.p-rtl .p-dialog .p-dialog-titlebar-close  {
+  float: left;
+}
+
+.p-rtl .p-dialog .p-dialog-buttonpane button {
+  text-align: right;
+}
+
+.p-widget-overlay {
+  background-color: rgba(0, 0, 0, 0.5);
+}
+
+@media screen and (max-width: 40em) {
+  .p-confirmdialog {
+    width: 90%;
+  }
+}
+
+.tooltip-inner {
+  font-size: 12px;
+}

package/src/scss/patchPrimeng/dialog/_primeng.components.dialog.theme-contrast.scss

@@ -0,0 +1,3 @@
+.p-dialog{
+  background-color: $modal-content-bg;
+}

package/src/scss/patchPrimeng/dialog/_primeng.components.dialog.theme-light.scss

@@ -0,0 +1,3 @@
+.p-dialog{
+  background-color: $modal-content-bg;
+}

package/src/scss/patchPrimeng/drawer/_primeng.components.drawer.scss

@@ -0,0 +1,7 @@
+//@import "~primeng/resources/components/drawer/drawer.css";
+
+.p-drawer {
+  p-button.closeButton {
+    --p-button-text-secondary-color: var(--ids-theme-text-color);
+  }
+}

package/src/scss/patchPrimeng/drawer/_primeng.components.drawer.theme-contrast.scss

@@ -0,0 +1,3 @@
+.p-drawer {
+  background: $body-bg;
+}

package/src/scss/patchPrimeng/drawer/_primeng.components.drawer.theme-dark.scss

@@ -0,0 +1,3 @@
+.p-drawer {
+  background: $body-bg;
+}

package/src/scss/patchPrimeng/drawer/_primeng.components.drawer.theme-light.scss

@@ -0,0 +1,3 @@
+.p-drawer {
+  background: $body-bg;
+}