@inspark/inspark-components 19.0.49 → 19.0.51

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

@@ -0,0 +1,133 @@
+//@import "~primeng/resources/components/radiobutton/radiobutton.css";
+
+.p-radiobutton {
+  width: 20px;
+  height: 20px;
+}
+
+.p-radiobutton .p-radiobutton-box {
+  border: 1px solid var(--colorText);
+  background: var(--colorBgLevel2);
+  width: 20px;
+  height: 20px;
+  color: rgba(var(--ids-theme-text-color-rgb), 0.87);
+  border-radius: 50%;
+  transition: background-color 0.15s, border-color 0.15s, box-shadow 0.15s;
+}
+
+.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon {
+  border-color: var(--colorIconPrimary) !important;
+  background-color: var(--ids-theme-primary, var(--colorIconPrimary)) !important;
+}
+
+.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box,
+.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
+  border-color: var(--colorIconPrimary);
+}
+.p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box,
+.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
+  outline: 0 none;
+  outline-offset: 0;
+  box-shadow: 0 0 0 1px var(--colorBgInverse);
+  border-color: var(--colorIconPrimary);
+}
+.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
+  width: 12px;
+  height: 12px;
+  transition-duration: 0.15s;
+  background-color: var(--colorIconPrimary);
+}
+.p-radiobutton-checked .p-radiobutton-box,
+.p-radiobutton .p-radiobutton-box.p-highlight {
+  border-color: var(--ids-theme-primary, var(--colorIconPrimary));
+  background: var(--colorBgLevel2);
+}
+.p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box,
+.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  border-color: var(--colorIconPrimary);
+  color: var(--colorTextInverse);
+}
+
+p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
+  border-color: var(--colorBgSecondary);
+}
+
+.p-input-filled .p-radiobutton .p-radiobutton-box {
+  background-color: var(--colorBgLevel1);
+}
+.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
+  background-color: var(--colorBgLevel1);
+}
+.p-input-filled .p-radiobutton-checked .p-radiobutton-box,
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
+  background: var(--colorIconPrimary);
+}
+.p-input-filled .p-radiobutton-checked:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box,
+.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
+  background: var(--colorIconPrimary);
+}
+
+.p-radiobutton-label {
+  margin-left: 0.5rem;
+  margin-bottom: 0;
+  line-height: inherit;
+}
+
+.p-highlight .p-radiobutton .p-radiobutton-box {
+  border-color: var(--colorBgLevel1);;
+}
+
+//.p-radiobutton {
+//  display:inline-block;
+//  cursor: pointer;
+//  vertical-align: middle;
+//  margin-right: .25em;
+//  user-select: none;
+//  -moz-user-select: none;
+//  -webkit-user-select: none;
+//}
+//
+//
+//
+//.p-radiobutton-box {
+//  border: 1px solid #a6a6a6;
+//  width: 20px;
+//  height: 20px;
+//  line-height: 20px;
+//  -moz-border-radius: 100%;
+//  -webkit-border-radius: 100%;
+//  border-radius: 100%;
+//  text-align: center;
+//  position: relative;
+//}
+//
+//.p-radiobutton-icon {
+//  border: 1px solid transparent;
+//  background-color: transparent;
+//  display: block;
+//  position: absolute;
+//  left: 50%;
+//  top: 50%;
+//  width: 10px;
+//  height: 10px;
+//  margin-top: -5px;
+//  margin-left: -5px;
+//  border-radius: 50%;
+//
+//  &:before {
+//    content: '';
+//  }
+//}
+//
+//.p-radiobutton-box.p-state-active .p-radiobutton-icon {
+//  border: 1px solid transparent;
+//  background-color: $ids-theme-primary;
+//}
+//
+//.p-radiobutton-box.p-state-active {
+//  border-color: $ids-theme-primary;
+//}
+//
+//.p-radiobutton, .p-radiobutton-label {
+//  margin-bottom: 0;
+//}

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

@@ -0,0 +1,12 @@
+.p-radiobutton-checked .p-radiobutton-box .p-radiobutton-icon,
+.p-radiobutton-box.ui-state-active .p-radiobutton-icon {
+  border: 1px solid transparent;
+  background-color: $ids-theme-primary;
+  background-color: var(--ids-theme-primary, $ids-theme-primary);
+}
+
+.p-radiobutton-checked .p-radiobutton-box,
+.p-radiobutton-box.ui-state-active {
+  border-color: $ids-theme-primary;
+  border-color: var(--ids-theme-primary, $ids-theme-primary);
+}

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

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

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

@@ -0,0 +1,95 @@
+
+.p-selectbutton-small {
+  .p-button,
+  .p-button {
+    //font-size: $font-size-sm;
+    height: 36px;
+    border-radius: 0;
+
+    &.p-button-text-icon-left .p-button-text {
+      //padding: $unit-tiny $unit-small $unit-tiny ($unit + $unit-tiny);
+      //font-size: $font-size-sm;
+    }
+
+    .p-button-icon-left,
+    .p-button-icon-left {
+      left: $unit-small;
+    }
+
+
+    &:first-child {
+      border-bottom-left-radius: 3px;
+      border-top-left-radius: 3px;
+    }
+
+    &:last-child {
+      border-bottom-right-radius: 3px;
+      border-top-right-radius: 3px;
+    }
+
+    &.p-button-icon-only,
+    &.p-button-icon-only {
+      //width: 2.357em;
+      //height: 31px;
+
+
+      .p-button-icon-left {
+        top: 50%;
+        left: 50%;
+        margin-top: -.5em;
+        margin-left: -.5em;
+        width: 1em;
+        height: 1em;
+      }
+
+      .p-button-text {
+        //padding: 0.429em;
+      }
+    }
+
+    .p-button-icon-only .p-button-icon-left {
+      top: 50%;
+      left: 50%;
+      margin-top: -.5em;
+      margin-left: -.5em;
+      width: 1em;
+      height: 1em;
+    }
+  }
+}
+
+.p-button-icon-only {
+  font-size: 18px;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  &.p-button-large {
+    width: 48px;
+    height: 48px;
+
+    .svg {
+      display: inline-block;
+      line-height: 0;
+    }
+  }
+
+  .svg {
+    display: inline-block;
+    line-height: 0;
+  }
+}
+
+.p-selectbutton-tab .p-button,
+.p-selectbutton-tab .p-button {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+
+.p-element .p-selectbutton {
+  .p-button.p-highlight {
+    background-color: rgba($ids-theme-secondary, 0.2);
+    color: var(--ids-theme-primary, $ids-theme-primary);
+  }
+}

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

@@ -0,0 +1,20 @@
+//@import "~primeng/resources/components/sidebar/sidebar.css";
+
+.p-sidebar {
+  position: fixed;
+  overflow: auto;
+  transition: transform .3s;
+
+  &-header {
+    padding: 12px;
+  }
+
+  &-content,
+  &-footer {
+    padding: 0 12px 12px 12px;
+  }
+
+  &-close {
+    font-size: 20px;
+  }
+}

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

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

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

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

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

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

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

@@ -0,0 +1,124 @@
+
+.p-slider {
+  position: relative;
+  text-align: left;
+}
+
+.p-slider-limit-handle {
+  position: absolute;
+  height: 1.5em;
+  width: 1px;
+  border: 0 none;
+  margin-top: -1em;
+
+  &:before {
+    content: '';
+    position: absolute;
+    border: 1px solid $color-red;
+    height: 20px;
+    width: 1px;
+    top: -10%;
+  }
+}
+
+.p-slider-limit-handle__title {
+  position: absolute;
+  padding-left: 4px;
+  font-size: 10px;
+  line-height: 1.5;
+}
+
+.p-slider {
+  background-color: rgba($color-base-white, 0.05);
+  border: 0 none;
+}
+
+
+.p-slider .p-slider-handle {
+  position: absolute;
+  width: 1.2em;
+  height: 1.2em;
+  cursor: default;
+  -ms-touch-action: none;
+  touch-action: none;
+  z-index: 1;
+  @include ids-box-shadow-core-styles;
+}
+
+.p-slider .p-slider-handle {
+  background-color: $ids-theme-primary;
+  border: 2px solid $ids-theme-primary;
+  border-radius: 100%;
+}
+
+.p-slider .p-slider-handle.p-slider-handle-active {
+  z-index: 2;
+}
+
+.p-slider .p-slider-range {
+  position: absolute;
+  font-size: 0.7em;
+  display: block;
+  border: 0;
+  background-position: 0 0;
+}
+
+.p-slider .p-slider-range {
+  background-color: rgba($ids-theme-primary, 0.5);
+}
+
+.p-state-disabled .p-slider-range {
+  background-color: rgba($ids-theme-primary, 0.5);
+  border: 0 none;
+}
+
+.p-slider-horizontal {
+  height: 0.8em;
+}
+
+.p-slider-horizontal .p-slider-handle {
+  top: -0.2em;
+  margin-left: -0.6em;
+}
+
+.p-slider-horizontal .p-slider-range {
+  top: 0;
+  height: 100%;
+}
+
+.p-slider-horizontal .p-slider-range-min {
+  left: 0;
+}
+
+.p-slider-horizontal .p-slider-range-max {
+  right: 0;
+}
+
+.p-slider-vertical {
+  width: 0.8em;
+  height: 100px;
+}
+
+.p-slider-vertical .p-slider-handle {
+  left: -0.25em;
+  margin-left: 0;
+  margin-bottom: -0.6em;
+}
+
+.p-slider-vertical .p-slider-range {
+  left: 0;
+  width: 100%;
+}
+
+.p-slider-vertical .p-slider-range-min {
+  bottom: 0;
+}
+
+.p-slider-vertical .p-slider-range-max {
+  top: 0;
+}
+
+.p-slider-animate .p-slider-handle {
+  transition: left 0.3s;
+}
+

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

@@ -0,0 +1,29 @@
+.p-slider-limit-handle {
+  &:before {
+    border: 1px solid $color-red;
+  }
+}
+
+.p-slider {
+  background-color: rgba($color-base-black, 0.1);
+  border: 0 none;
+}
+
+.p-slider .p-slider-handle {
+  @include ids-box-shadow-core-styles;
+}
+
+.p-slider .p-slider-handle {
+  background-color: var(--ids-theme-primary, $ids-theme-primary);
+  border: 2px solid var(--ids-theme-primary, $ids-theme-primary);
+}
+
+.p-slider .p-slider-range {
+  background-color: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.5);
+}
+
+.p-state-disabled .p-slider-range {
+  background-color: rgba(var(--ids-theme-primary-rgb, #{$ids-theme-primary-rgb}), 0.5);
+  border: 0 none;
+}
+

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

@@ -0,0 +1,5 @@
+//@import "~primeng/resources/components/steps/steps.css";
+
+.p-steps .p-steps-item.p-state-highlight {
+  border: 1px solid $ids-theme-primary;
+}

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

@@ -0,0 +1,4 @@
+.p-steps .p-steps-item.p-state-highlight {
+  border: 1px solid $ids-theme-primary;
+  background: none;
+}

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

@@ -0,0 +1,4 @@
+.p-steps .p-steps-item.p-state-highlight {
+  border: 1px solid $ids-theme-primary;
+  background: none;
+}

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

@@ -0,0 +1,3 @@
+.p-steps .p-steps-item.p-highlight {
+  border: 1px solid $ids-theme-primary;
+}