@inspark/inspark-components 19.0.49 → 19.0.51

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

@@ -0,0 +1,171 @@
+//@import "~primeng/resources/components/dropdown/dropdown.css";
+
+.p-dropdown-items-wrapper,
+.p-select-list-container {
+  .p-dropdown-list,
+  .p-select-list {
+    background: var(--colorBgLevel3);
+  }
+}
+
+.p-dropdown,
+.p-select {
+  width: 100%;
+  height: 36px;
+  border-width: 1px;
+  border-style: solid;
+  border-radius: 3px;
+  border-color: transparent;
+
+  background-color: var(--ids-theme-inuit-forms-background, rgba(255, 255, 255, .05)) !important;
+  border: var(--ids-theme-inuit-forms-border_outer, 1px solid transparent) !important;;
+  color: var(--ids-theme-inuit-forms-color, #FFFFFF) !important;;
+  font-size: 14px;
+
+  &:hover {
+    .p-inputtext, .p-inputtext:hover, .p-inputtext:focus {
+      border-color: transparent;
+    }
+  }
+}
+
+.p-select:not(.p-disabled):hover {
+  border-color: transparent !important;
+}
+
+.p-dropdown-schedule .p-dropdown-label,
+.p-dropdown-schedule .p-select-label {
+  padding-right: 1.5em;
+  color: inherit !important;
+}
+
+.p-dropdown .p-dropdown-label,
+.p-dropdown .p-select-label,
+.p-select .p-dropdown-label,
+.p-select .p-select-label {
+  border-color: transparent;
+  text-transform: none;
+  background-color: $form-background;
+  background-color: var(--ids-theme-inuit-forms-background, $form-background);
+
+  &.p-inputtext {
+    display: flex;
+    align-items: center;
+    border-radius: 0;
+    border-top-left-radius: 3px;
+    border-bottom-left-radius: 3px;
+  }
+}
+
+.p-dropdown-item,
+.p-select-option {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  min-height: 23px;
+  color: inherit !important;
+}
+
+.p-select-label {
+   color: inherit !important;
+}
+
+.p-dropdown,
+.p-select {
+  label.p-dropdown-label,
+  label.p-select-label {
+    text-overflow: ellipsis;
+    text-transform: none;
+    color: inherit !important;
+  }
+
+  .p-dropdown-trigger,
+  .p-select-dropdown {
+    width: 32px;
+    pointer-events: none;
+    border: 0 none;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    color: inherit !important;
+    background-color: $form-background;
+    background-color: var(--ids-theme-inuit-forms-background, $form-background);
+    --p-select-dropdown-color: var(--ids-theme-label-color);
+  }
+
+  .p-dropdown-trigger .p-dropdown-trigger-icon,
+  .p-select-dropdown .p-select-dropdown-icon {
+    font-size: 14px;
+  }
+}
+
+.p-dropdown-panel,
+.p-select-overlay {
+  padding: 0;
+  width: 100%;
+  min-width: 100%;
+  max-width: 100%;
+  box-sizing: border-box;
+  border: 1px solid #3f4b5b;
+  border-radius: 4px;
+  box-shadow: none;
+
+  --p-select-option-color: var(--ids-theme-text-color);
+
+  @media screen and ( min-width: 800px ) {
+    max-width: 480px;
+  }
+
+  .p-dropdown-filter-container,
+  .p-select-header {
+    position: relative;
+    margin: 0;
+    padding: $unit-tiny;
+    display: inline-block;
+    width: 100%;
+
+    .p-dropdown-filter,
+    .p-select-filter {
+      padding-right: 32px;
+      // PrimeNG 19 p-iconfield adds padding-inline-start for left-side icon — override it
+      padding-left: $unit-small !important;
+    }
+
+    // PrimeNG 19: icon is inside p-inputicon (p-iconfield structure), not .p-select-filter-icon
+    // Force icon to the right side (PrimeNG 19 default puts it on the left as first child)
+    .p-inputicon,
+    .p-dropdown-filter-icon,
+    .p-select-filter-icon {
+      left: auto !important;
+      inset-inline-start: auto !important;
+      right: $unit-small;
+      inset-inline-end: $unit-small;
+    }
+  }
+
+  .cdk-virtual-scroll-orientation-vertical .cdk-virtual-scroll-content-wrapper {
+    width: 100%;
+  }
+}
+
+.p-dropdown-label-empty,
+.p-select-label-empty {
+  min-height: 34px;
+  visibility: visible;
+}
+
+.p-dropdown-item-empty {
+  min-height: 21px;
+}
+
+.p-dropdown-items,
+.p-select-list {
+  width: 100%;
+  padding: .4em;
+  border: 0;
+}
+
+.p-select-label {
+  --p-select-color: var(--ids-theme-inuit-forms-color);
+}
+
+@import "primeng.components.dropdown.themes";

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

@@ -0,0 +1,4 @@
+& {
+  --p-select-option-focus-background: #38738280;
+  --p-select-option-focus-color: #fff;
+}

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

@@ -0,0 +1,15 @@
+& {
+  // Explicitly set overlay background so PrimeNG's background: var(--p-select-overlay-background)
+  // resolves correctly instead of resetting to transparent.
+  --p-select-overlay-background: var(--colorBgLevel3);
+
+  --p-select-option-focus-background: #78f4ff80;
+  --p-select-option-focus-color: #202127;
+}
+
+.p-select-option.p-select-option-selected {
+  --p-select-option-selected-background: #78f4ff80;
+  --p-select-option-selected-color: #202127;
+  --p-select-option-selected-focus-background: #78f4ff80;
+  --p-select-option-selected-focus-color: #202127;
+}

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

@@ -0,0 +1,22 @@
+& {
+  // PrimeNG 19 injects background: var(--p-select-overlay-background) which resets to transparent
+  // when the variable is undefined, overriding our background-color: var(--colorBgLevel3).
+  // Setting this explicitly ensures the search header (p-select-header) gets a proper light background.
+  --p-select-overlay-background: #{$pm-multiselect-panel-background};
+
+  --p-select-option-focus-background: #38738280;
+  --p-select-option-focus-color: #fff;
+}
+
+// Search icon color — must be dark in light theme
+.p-select-header .p-inputicon {
+  color: var(--ids-theme-inuit-forms-color, #333);
+}
+
+.p-select-option.p-select-option-selected {
+  --p-select-option-selected-background: #38738280;
+  --p-select-option-selected-color: #fff;
+  --p-select-option-selected-focus-background: #38738280;
+  --p-select-option-selected-focus-color: #fff;
+}
+

package/src/scss/patchPrimeng/dropdown/_primeng.components.dropdown.themes.scss

@@ -0,0 +1,20 @@
+.ui-dropdown-icon,
+.p-dropdown-icon {
+  background-color: $btn-default-background;
+}
+
+.ui-dropdown-items-wrapper,
+.p-dropdown-items-wrapper,
+.p-select-list-container {
+  background-color: var(--colorBgLevel3);
+  @include ids-box-shadow-core-styles;
+}
+
+.ui-dropdown-panel,
+.p-dropdown-panel,
+.p-select-overlay {
+  border: 1px solid #c8c8c8;
+  border-radius: 3px;
+  background-color: var(--colorBgLevel3);
+  box-shadow: $box-shadow-default;
+}

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

@@ -0,0 +1,87 @@
+//@import "~primeng/resources/components/fieldset/fieldset.css";
+
+.p-fieldset {
+  border-radius: 6px;
+  padding: 0 12px 12px;
+}
+
+.p-fieldset,
+.p-fieldset .p-fieldset-legend {
+  padding: $unit-tiny 0;
+  margin-bottom: 0;
+}
+
+.p-fieldset .p-fieldset-legend {
+  border: 1px solid rgba(255, 255, 255, .3);
+  font-weight: 600;
+  border-radius: 6px;
+  font-size: 16px;
+  display: inline-flex;
+  width: auto;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
+  padding: 0;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+  border-radius: 6px;
+  transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s, outline-color 0.2s;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+  margin-right: 0.5rem;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
+  outline: 1px solid var(--p-focus-ring-color);
+  outline-offset: 2px;
+  box-shadow: none;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+  background: #ffffff;
+  border-color: #ffffff;
+  color: #1e293b;
+}
+
+.p-fieldset .p-fieldset-content {
+  padding: 0 12px;
+}
+
+
+.p-fieldset {
+  padding: 0 12px;
+  margin: 0;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
+  padding: 0.5rem 0.75rem;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-legend-text {
+  padding: 0;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
+  color: #64748b;
+}
+
+.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
+  background-color: #f1f5f9;
+}
+
+.p-fieldset .p-fieldset-legend {
+  border: 0 none;
+  padding: 0;
+  margin-bottom: 0.375rem;
+}
+
+.p-fieldset .p-fieldset-legend span {
+  padding: 0.5rem 0.75rem;
+}
+
+.p-fieldset .p-fieldset-content {
+  padding: 0;
+}

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

@@ -0,0 +1,4 @@
+.p-fieldset {
+  border: 1px solid rgba($color-base-white, .3);
+  //background: rgba(255, 255, 255, .1);
+}

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

@@ -0,0 +1,4 @@
+.p-fieldset {
+  border: 1px solid rgba($color-base-black, .3);
+  //background: rgba(255, 255, 255, .1);
+}

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

@@ -0,0 +1,185 @@
+//@import "~primeng/resources/components/fileupload/fileupload.css";
+
+.p-fileupload-choose input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  opacity: 0;
+  min-height: 100%;
+  font-size: inherit;
+  text-align: right;
+  filter: alpha(opacity=0);
+  direction: ltr;
+  cursor: pointer;
+  border-color: #2ca02c;
+}
+
+.p-fileupload-buttonbar .p-fileupload-choose.p-state-disabled input {
+  cursor: default;
+}
+
+.p-fileupload-buttonbar {
+  padding: .5em 0;
+  border-bottom: 0 none;
+}
+
+.p-fileupload-buttonbar .p-button {
+  vertical-align: middle;
+  margin-right: 6px;
+}
+
+
+.p-fileupload-buttonbar .p-button-icon {
+  padding-right: 4px;
+}
+
+.p-fileupload-content {
+  padding: 1em;
+  position: relative;
+  transition: border-color .3s;
+}
+
+.p-fileupload-content.p-fileupload-highlight {
+  border-color: #156090;
+}
+
+.p-fileupload-files img {
+  border: none;
+}
+
+.p-fileupload-files {
+  display: table;
+}
+
+.p-fileupload-row {
+  display: table-row;
+}
+
+.p-fileupload-files .p-fileupload-row > div {
+  width: auto;
+  padding: .5em 1em;
+  vertical-align: middle;
+}
+
+.p-fileupload-content .p-progressbar {
+  width: 100%;
+  position: absolute;
+  top: 1px;
+  left: 0;
+  height: .25em;
+  border: 0 none;
+}
+
+.p-fileupload-content .p-progressbar-value {
+  -moz-border-radius: 0;
+  -webkit-border-radius: 0;
+  border-radius: 0;
+  border: 0 none;
+}
+
+/* Simple */
+.p-fileupload-choose {
+  display: inline-flex;
+  position: relative;
+  overflow: hidden;
+  padding: 6px 12px;
+
+}
+
+.p-fileupload-choose input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  opacity: 0;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  direction: ltr;
+  cursor: pointer;
+}
+
+.p-fileupload-choose.p-fileupload-choose-selected input[type=file] {
+  display: none;
+}
+
+/* p-fluid */
+.p-fluid .p-fileupload .p-button {
+  width: auto;
+}
+
+.p-fluid .p-fileupload-content .p-button-icon-only {
+  width: 2em;
+}
+
+.p-element.p-button {
+  display: inline-flex;
+  padding: 6px 12px;
+  gap: 4px;
+}
+
+/* PrimeNG 19 compatibility.
+   In PrimeNG 14 advanced FileUpload used .p-fileupload-buttonbar and
+   .p-fileupload-choose. In PrimeNG 19 the same area is rendered as
+   .p-fileupload-header and .p-fileupload-choose-button. Keep the old layout
+   for the new markup. */
+.p-fileupload.p-fileupload-advanced {
+  --p-fileupload-header-background: transparent;
+  --p-fileupload-header-padding: .5em 0;
+  --p-fileupload-header-border-width: 0;
+  --p-fileupload-header-border-color: transparent;
+  --p-fileupload-header-gap: 0;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header {
+  padding: .5em 0;
+  border-bottom: 0 none;
+  background: transparent;
+  gap: 0;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button {
+  display: inline-flex;
+  align-items: center;
+  vertical-align: middle;
+  margin-right: 6px;
+  padding: 6px 12px;
+  gap: 4px;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header p-button:last-child .p-button,
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header > .p-button:last-child {
+  margin-right: 0;
+}
+
+.p-fileupload-choose-button {
+  position: relative;
+  overflow: hidden;
+}
+
+.p-fileupload-choose-button input[type=file] {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: 0;
+  opacity: 0;
+  min-height: 100%;
+  font-size: 100px;
+  text-align: right;
+  filter: alpha(opacity=0);
+  direction: ltr;
+  cursor: pointer;
+}
+
+.p-fileupload-choose-button.p-fileupload-choose-selected input[type=file] {
+  display: none;
+}
+
+.p-fileupload.p-fileupload-advanced {
+  border: 0;
+  border-radius: 0;
+  background: transparent;
+  color: inherit;
+}

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

@@ -0,0 +1,31 @@
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: $btn-default-background;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:hover:not(:disabled) {
+  border-color: transparent;
+  background-color: $btn-default-background--hover;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:active:not(:disabled) {
+  border-color: transparent;
+  background-color: $btn-default-background--pressed;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:disabled,
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button.p-disabled {
+  cursor: default;
+  border-color: transparent;
+  background-color: $btn-default-background;
+  color: $btn-disabled-color;
+}

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

@@ -0,0 +1,31 @@
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: $btn-default-background;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:hover:not(:disabled) {
+  border-color: transparent;
+  background-color: $btn-default-background--hover;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:active:not(:disabled) {
+  border-color: transparent;
+  background-color: $btn-default-background--pressed;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:disabled,
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button.p-disabled {
+  cursor: default;
+  border-color: transparent;
+  background-color: $btn-default-background;
+  color: $btn-disabled-color;
+}

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

@@ -0,0 +1,31 @@
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header {
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button {
+  border-color: transparent;
+  box-shadow: none;
+  background-color: $btn-default-background;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:hover:not(:disabled) {
+  border-color: transparent;
+  background-color: $btn-default-background--hover;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:active:not(:disabled) {
+  border-color: transparent;
+  background-color: $btn-default-background--pressed;
+  color: $btn-default-color;
+}
+
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button:disabled,
+.p-fileupload.p-fileupload-advanced > .p-fileupload-header .p-button.p-disabled {
+  cursor: default;
+  border-color: transparent;
+  background-color: $btn-default-background;
+  color: $btn-disabled-color;
+}

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

@@ -0,0 +1,21 @@
+$fa-css-prefix: "pi";
+@import "@fortawesome/fontawesome-free/scss/variables";
+
+
+.#{$fa-css-prefix}-caret-down:before { content: $fa-var-caret-down; }
+.#{$fa-css-prefix}-caret-up:before { content: $fa-var-caret-up; }
+.#{$fa-css-prefix}-caret-left:before { content: $fa-var-caret-left; }
+.#{$fa-css-prefix}-caret-right:before { content: $fa-var-caret-right; }
+
+.#{$fa-css-prefix}-chevron-left:before { content: $fa-var-chevron-left; }
+.#{$fa-css-prefix}-chevron-right:before { content: $fa-var-chevron-right; }
+.#{$fa-css-prefix}-chevron-up:before { content: $fa-var-chevron-up; }
+.#{$fa-css-prefix}-chevron-down:before { content: $fa-var-chevron-down; }
+.#{$fa-css-prefix}-check:before { content: $fa-var-check; }
+
+.#{$fa-css-prefix}-unsorted:before,
+.#{$fa-css-prefix}-sort:before { content: $fa-var-sort; }
+.#{$fa-css-prefix}-sort-down:before,
+.#{$fa-css-prefix}-sort-desc:before { content:$fa-var-sort-down; }
+.#{$fa-css-prefix}-sort-up:before,
+.#{$fa-css-prefix}-sort-asc:before { content: $fa-var-sort-up; }

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

@@ -0,0 +1 @@
+//@import "~primeng/resources/components/inplace/inplace.css";

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

@@ -0,0 +1 @@
+//@import "~primeng/resources/components/inputmask/inputmask.css";

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

@@ -0,0 +1 @@
+//@import "~primeng/resources/components/inputswitch/inputswitch.css";