@inspark/inspark-components 19.0.49 → 19.0.51

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

@@ -0,0 +1,98 @@
+//@import "~primeng/resources/components/toast/toast.css";
+
+.p-toast {
+  opacity: 1;
+}
+
+.p-toast .p-toast-message {
+  margin: 0 0 1rem 0;
+  box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
+  border-radius: 4px;
+}
+
+.p-toast .p-toast-message .p-toast-message-content {
+  padding: 1rem;
+  border-width: 0;
+}
+
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
+  margin: 0 0 0 1rem;
+}
+
+.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
+  font-size: 2rem;
+}
+
+.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
+  font-weight: 700;
+}
+
+.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
+  margin: 0.5rem 0 0 0;
+}
+
+.p-toast .p-toast-message .p-toast-icon-close {
+  width: 2rem;
+  height: 2rem;
+  border-radius: 4px;
+  background: transparent;
+  transition: box-shadow 0.15s;
+}
+
+.p-toast .p-toast-message .p-toast-icon-close:hover {
+  background: rgba(255, 255, 255, 0.3);
+}
+
+.p-toast .p-toast-message .p-toast-icon-close:focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 0.2rem rgb(0, 0, 0);
+}
+
+.p-toast .p-toast-message.p-toast-message-info {
+  background: #cce5ff;
+  border: solid #b8daff;
+  border-width: 1px;
+  color: #004085;
+}
+
+.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
+  color: #004085;
+}
+
+.p-toast .p-toast-message.p-toast-message-success {
+  background: #d4edda;
+  border: solid #c3e6cb;
+  border-width: 1px;
+  color: #155724;
+}
+
+.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
+  color: #155724;
+}
+
+.p-toast .p-toast-message.p-toast-message-warn {
+  background: #fff3cd;
+  border: solid #ffeeba;
+  border-width: 1px;
+  color: #856404;
+}
+
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
+  color: #856404;
+}
+
+.p-toast .p-toast-message.p-toast-message-error {
+  background: #f8d7da;
+  border: solid #f5c6cb;
+  border-width: 1px;
+  color: #721c24;
+}
+
+.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
+.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
+  color: #721c24;
+}

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

@@ -0,0 +1,42 @@
+.p-toast .p-toast-message {
+  &,
+  &.p-toast-message-info {
+    background-color: $color-blue;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+
+  &.p-toast-message-success {
+    background-color: $ids-theme-status-success;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+
+  &.p-toast-message-warn {
+    background-color: $ids-theme-status-warning;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+
+  &.p-toast-message-error {
+    background-color: $ids-theme-status-error;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+.p-toast .p-toast-message {
+  &,
+  &.p-toast-message-info {
+    background-color: $color-blue;
+    border: 0 none;
+
+    .p-toast-close-icon {
+    }
+  }
+
+  &.p-toast-message-success {
+    background-color: $ids-theme-status-success;
+    border: 0 none;
+
+    .p-toast-close-icon {
+    }
+  }
+
+  &.p-toast-message-warn {
+    background-color: $ids-theme-status-warning;
+    border: 0 none;
+
+    .p-toast-close-icon {
+    }
+  }
+
+  &.p-toast-message-error {
+    background-color: $ids-theme-status-error;
+    border: 0 none;
+
+    .p-toast-close-icon {
+    }
+  }
+}

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

@@ -0,0 +1,42 @@
+.p-toast .p-toast-message {
+  &,
+  &.p-toast-message-info {
+    background-color: $color-blue;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+
+  &.p-toast-message-success {
+    background-color: $ids-theme-status-success;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+
+  &.p-toast-message-warn {
+    background-color: $ids-theme-status-warning;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+
+  &.p-toast-message-error {
+    background-color: $ids-theme-status-error;
+    border: 0 none;
+    color: $color-base-white;
+
+    .p-toast-close-icon {
+      color: $color-base-white;
+    }
+  }
+}

package/src/scss/patchPrimeng/tree/_primeng.components.tree.compat.scss

@@ -0,0 +1,12 @@
+.p-tree .p-treenode .p-treenode-content {
+     position: relative;
+}
+
+.p-tree .p-treenode-selectable.p-treenode-content {
+    cursor: pointer;
+    position: relative;
+}
+
+.p-tree .p-tree-toggler {
+  padding: 12px 6px;
+}

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

@@ -0,0 +1,235 @@
+@import "primeng.components.tree.compat";
+
+.tree-label {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    width: 100%;
+    justify-content: flex-start;
+}
+
+[role="treeitem"] .p-tree-node-content {
+    height: 48px;
+    display: flex;
+    align-items: center;
+}
+
+.p-tree-root {
+  overflow-y: visible;
+  overflow-x: hidden;
+}
+
+.p-tree-flex-scrollable {
+    display: flex;
+    flex: 1;
+    height: 100%;
+    flex-direction: column;
+}
+
+
+.p-tree {
+  width: 100%;
+  background-color: transparent;
+  border: none;
+  padding: 0;
+
+  .p-tree-node-selectable.p-tree-node-content {
+    cursor: pointer;
+    position: relative;
+  }
+
+  .p-tree-root-children {
+    height: 100%;
+    margin: 0;
+    padding: .25em;
+    white-space: nowrap;
+  }
+}
+
+.p-tree-empty-message {
+  padding: .25em;
+}
+
+.p-tree {
+  .p-tree-node-children {
+    margin: 0;
+    padding: 0 0 0 1em;
+  }
+
+  .p-tree-node, [role="treeitem"] {
+    background-attachment: scroll;
+    background-color: transparent;
+    background-image: none;
+    background-position: 0 0;
+    background-repeat: repeat-y;
+    list-style: none outside none;
+    margin: 0;
+    padding: .125em 0 0 0;
+
+    .p-tree-node-content {
+      position: relative;
+    }
+  }
+
+  .p-tree-node-droppoint {
+    height: 4px;
+    list-style-type: none;
+  }
+
+  .p-tree-node-droppoint-active {
+    border: 0 none;
+  }
+
+  .p-tree-node-toggle-button {
+    cursor: pointer;
+    display: inline-block;
+    padding: 12px 12px 12px 0;
+    vertical-align: middle;
+  }
+
+  .p-tree-node-icon {
+    display: inline-block;
+    vertical-align: middle;
+  }
+
+  .p-tree-node-label {
+    display: inline-block;
+    padding: 0 .25em;
+    vertical-align: middle;
+
+    &.p-state-hover, &.p-state-highlight {
+      font-weight: normal;
+      border: 0 none;
+    }
+  }
+
+  .p-tree-node.p-tree-node-leaf > .p-tree-node-content > .p-tree-node-toggle-button {
+    visibility: hidden;
+  }
+
+  .p-checkbox-box {
+    cursor: pointer;
+  }
+
+  .p-checkbox {
+    display: inline-block;
+    vertical-align: middle;
+
+    .p-checkbox-icon {
+      margin-left: 1px;
+    }
+  }
+}
+
+/** Fluid **/
+
+.p-fluid .p-tree {
+  width: 100%;
+}
+
+/** Horizontal Tree **/
+
+.p-tree-horizontal {
+  width: auto;
+  padding: .5em 0;
+  overflow: auto;
+}
+
+.p-tree.p-tree-horizontal {
+  table, tr, td {
+    border-collapse: collapse;
+    margin: 0;
+    padding: 0;
+    vertical-align: middle;
+  }
+
+  .p-tree-node-toggle-button {
+    vertical-align: middle;
+    margin: 0;
+  }
+}
+
+.p-tree-horizontal .p-tree-node-content {
+  font-weight: normal;
+  padding: 0.4em 1em 0.4em 0.2em;
+}
+
+.p-tree.p-tree-horizontal .p-tree-node-label {
+  margin: 0;
+}
+
+.p-tree-horizontal .p-tree-node-parent .p-tree-node-content {
+  font-weight: normal;
+  white-space: nowrap;
+}
+
+.p-tree {
+  &.p-tree-horizontal {
+    .p-tree-node, [role="treeitem"] {
+      background: none;
+      padding: .25em 2.5em;
+
+      &.p-tree-node-leaf, &.p-tree-node-collapsed {
+        padding-right: 0;
+      }
+    }
+
+    .p-tree-node-children {
+      padding: 0;
+      margin: 0;
+    }
+
+    .p-tree-node-connector {
+      width: 1px;
+    }
+
+    .p-tree-node-connector-table {
+      height: 100%;
+      width: 1px;
+    }
+
+    .p-tree-node-connector-line {
+      background: none;
+      width: 1px;
+    }
+
+    table {
+      height: 0;
+    }
+
+    .p-checkbox {
+      vertical-align: bottom;
+      margin-right: .25em;
+    }
+  }
+
+  &.p-tree-loading {
+    position: relative;
+    min-height: 4em;
+  }
+
+  .p-tree-loading-mask {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+    opacity: 0.1;
+    z-index: 1;
+  }
+
+  .p-tree-loading-content {
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    z-index: 2;
+    margin-top: -1em;
+    margin-left: -1em;
+  }
+}
+
+.p-tree .p-tree-filter-container {
+  padding: 0;
+}
+
+.p-tree-filter-icon {
+  display: none;
+}