@adcops/autocore-react 3.3.8 → 3.3.10

package/src/themes/theme-base/components/panel/_card.scss

@@ -1,30 +1,30 @@
-.p-card {
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    box-shadow: $cardShadow;
-    border-radius: $borderRadius;
-
-    .p-card-body {
-        padding: $cardBodyPadding;
-    }
-
-    .p-card-title {
-        font-size: $cardTitleFontSize;
-        font-weight: $cardTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-    }
-
-    .p-card-subtitle {
-        font-weight: $cardSubTitleFontWeight;
-        margin-bottom: $inlineSpacing;
-        color: $cardSubTitleColor;
-    }
-
-    .p-card-content {
-        padding: $cardContentPadding;
-    }
-
-    .p-card-footer {
-        padding: $cardFooterPadding;
-    }
-}
+.p-card {
+    background: $panelContentBg;
+    color: $panelContentTextColor;
+    box-shadow: $cardShadow;
+    border-radius: $borderRadius;
+
+    .p-card-body {
+        padding: $cardBodyPadding;
+    }
+
+    .p-card-title {
+        font-size: $cardTitleFontSize;
+        font-weight: $cardTitleFontWeight;
+        margin-bottom: $inlineSpacing;
+    }
+
+    .p-card-subtitle {
+        font-weight: $cardSubTitleFontWeight;
+        margin-bottom: $inlineSpacing;
+        color: $cardSubTitleColor;
+    }
+
+    .p-card-content {
+        padding: $cardContentPadding;
+    }
+
+    .p-card-footer {
+        padding: $cardFooterPadding;
+    }
+}

package/src/themes/theme-base/components/panel/_divider.scss

@@ -1,31 +1,31 @@
-.p-divider {
-    .p-divider-content {
-        background-color: $panelContentBg;
-    }
-
-    &.p-divider-horizontal {
-        margin: $dividerHorizontalMargin;
-        padding: $dividerHorizontalPadding;
-
-        &:before {
-            border-top: $dividerSize $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: 0 $inlineSpacing;
-        }
-    }
-
-    &.p-divider-vertical {
-        margin: $dividerVerticalMargin;
-        padding: $dividerVerticalPadding;
-
-        &:before {
-            border-left: $dividerSize $dividerColor;
-        }
-
-        .p-divider-content {
-            padding: $inlineSpacing 0;
-        }
-    }
+.p-divider {
+    .p-divider-content {
+        background-color: $panelContentBg;
+    }
+
+    &.p-divider-horizontal {
+        margin: $dividerHorizontalMargin;
+        padding: $dividerHorizontalPadding;
+
+        &:before {
+            border-top: $dividerSize $dividerColor;
+        }
+
+        .p-divider-content {
+            padding: 0 $inlineSpacing;
+        }
+    }
+
+    &.p-divider-vertical {
+        margin: $dividerVerticalMargin;
+        padding: $dividerVerticalPadding;
+
+        &:before {
+            border-left: $dividerSize $dividerColor;
+        }
+
+        .p-divider-content {
+            padding: $inlineSpacing 0;
+        }
+    }
 }

package/src/themes/theme-base/components/panel/_fieldset.scss

@@ -1,47 +1,47 @@
-.p-fieldset {
-    border: $panelContentBorder;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    border-radius: $borderRadius;
-
-    .p-fieldset-legend {
-        padding: $panelHeaderPadding;
-        border: $panelHeaderBorder;
-        color: $panelHeaderTextColor;
-        background: $panelHeaderBg;
-        font-weight: $panelHeaderFontWeight;
-        border-radius: $borderRadius;
-    }
-
-    &.p-fieldset-toggleable {
-        .p-fieldset-legend {
-            padding: 0;
-            transition: $actionIconTransition;
-
-            a {
-                padding: $panelHeaderPadding;
-                color: $panelHeaderTextColor;
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-
-                .p-fieldset-toggler {
-                    margin-right: $inlineSpacing;
-                }
-
-                &:focus-visible {
-                    @include focused();
-                }
-            }
-
-            &:hover {
-                background: $panelHeaderHoverBg;
-                border-color: $panelHeaderHoverBorderColor;
-                color: $panelHeaderTextHoverColor;
-            }
-        }
-    }
-
-    .p-fieldset-content {
-        padding: $panelContentPadding;
-    }
-}
+.p-fieldset {
+    border: $panelContentBorder;
+    background: $panelContentBg;
+    color: $panelContentTextColor;
+    border-radius: $borderRadius;
+
+    .p-fieldset-legend {
+        padding: $panelHeaderPadding;
+        border: $panelHeaderBorder;
+        color: $panelHeaderTextColor;
+        background: $panelHeaderBg;
+        font-weight: $panelHeaderFontWeight;
+        border-radius: $borderRadius;
+    }
+
+    &.p-fieldset-toggleable {
+        .p-fieldset-legend {
+            padding: 0;
+            transition: $actionIconTransition;
+
+            a {
+                padding: $panelHeaderPadding;
+                color: $panelHeaderTextColor;
+                border-radius: $borderRadius;
+                transition: $listItemTransition;
+
+                .p-fieldset-toggler {
+                    margin-right: $inlineSpacing;
+                }
+
+                &:focus-visible {
+                    @include focused();
+                }
+            }
+
+            &:hover {
+                background: $panelHeaderHoverBg;
+                border-color: $panelHeaderHoverBorderColor;
+                color: $panelHeaderTextHoverColor;
+            }
+        }
+    }
+
+    .p-fieldset-content {
+        padding: $panelContentPadding;
+    }
+}

package/src/themes/theme-base/components/panel/_panel.scss

@@ -1,47 +1,47 @@
-.p-panel {
-    .p-panel-header {
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-panel-title {
-            font-weight: $panelHeaderFontWeight;
-        }
-
-        .p-panel-header-icon {
-            @include action-icon();
-        }
-    }
-
-    &.p-panel-toggleable {
-        .p-panel-header {
-            padding: $panelToggleableHeaderPadding;
-        }
-    }
-
-    &:has(> .p-panel-footer) .p-panel-content {
-        border-bottom-left-radius: 0;
-        border-bottom-right-radius: 0;
-    }
-
-    .p-panel-content {
-        padding: $panelContentPadding;
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-        border-top: 0 none;
-    }
-
-    .p-panel-footer {
-        padding: $panelFooterPadding;
-        border: $panelFooterBorder;
-        background: $panelFooterBg;
-        color: $panelFooterTextColor;
-        border-top: 0 none;
-    }
-}
+.p-panel {
+    .p-panel-header {
+        border: $panelHeaderBorder;
+        padding: $panelHeaderPadding;
+        background: $panelHeaderBg;
+        color: $panelHeaderTextColor;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+
+        .p-panel-title {
+            font-weight: $panelHeaderFontWeight;
+        }
+
+        .p-panel-header-icon {
+            @include action-icon();
+        }
+    }
+
+    &.p-panel-toggleable {
+        .p-panel-header {
+            padding: $panelToggleableHeaderPadding;
+        }
+    }
+
+    &:has(> .p-panel-footer) .p-panel-content {
+        border-bottom-left-radius: 0;
+        border-bottom-right-radius: 0;
+    }
+
+    .p-panel-content {
+        padding: $panelContentPadding;
+        border: $panelContentBorder;
+        background: $panelContentBg;
+        color: $panelContentTextColor;
+        border-bottom-right-radius: $borderRadius;
+        border-bottom-left-radius: $borderRadius;
+        border-top: 0 none;
+    }
+
+    .p-panel-footer {
+        padding: $panelFooterPadding;
+        border: $panelFooterBorder;
+        background: $panelFooterBg;
+        color: $panelFooterTextColor;
+        border-top: 0 none;
+    }
+}

package/src/themes/theme-base/components/panel/_scrollpanel.scss

@@ -1,10 +1,10 @@
-.p-scrollpanel {
-	.p-scrollpanel-bar {
-		background: $scrollPanelTrackBg;
-		border: $scrollPanelTrackBorder;
-
-		&:focus-visible {
-			@include focused();
-		}
-	}
-}
+.p-scrollpanel {
+	.p-scrollpanel-bar {
+		background: $scrollPanelTrackBg;
+		border: $scrollPanelTrackBorder;
+
+		&:focus-visible {
+			@include focused();
+		}
+	}
+}

package/src/themes/theme-base/components/panel/_splitter.scss

@@ -1,23 +1,23 @@
-.p-splitter {
-	border: $panelContentBorder;
-	background: $panelContentBg;
-	border-radius: $borderRadius;
-	color: $panelContentTextColor;
-
-	.p-splitter-gutter {
-		transition: $actionIconTransition;
-		background: $splitterGutterBg;
-
-		.p-splitter-gutter-handle {
-			background: $splitterGutterHandleBg;
-
-			&:focus-visible {
-				@include focused();
-			}
-		}
-	}
-
-	.p-splitter-gutter-resizing {
-		background: $splitterGutterHandleBg;
-	}
-}
+.p-splitter {
+	border: $panelContentBorder;
+	background: $panelContentBg;
+	border-radius: $borderRadius;
+	color: $panelContentTextColor;
+
+	.p-splitter-gutter {
+		transition: $actionIconTransition;
+		background: $splitterGutterBg;
+
+		.p-splitter-gutter-handle {
+			background: $splitterGutterHandleBg;
+
+			&:focus-visible {
+				@include focused();
+			}
+		}
+	}
+
+	.p-splitter-gutter-resizing {
+		background: $splitterGutterHandleBg;
+	}
+}

package/src/themes/theme-base/components/panel/_stepper.scss

@@ -1,136 +1,136 @@
-@use "sass:math";
-
-//theme
-.p-stepper {
-  .p-stepper-nav {
-    display: flex;
-    justify-content: space-between;
-    margin: 0;
-    padding: 0;
-    list-style-type: none;
-  }
-
-  .p-stepper-header {
-    padding: $inlineSpacing;
-
-    .p-stepper-action {
-      transition: $listItemTransition;
-      border-radius: $borderRadius;
-      background: $stepsItemBg;
-      outline-color: transparent;
-
-      .p-stepper-number {
-        color: $stepsItemNumberColor;
-        border: $stepsItemBorder;
-        border-width: 2px;
-        background: $stepsItemBg;
-        min-width: $stepsItemNumberWidth;
-        height: $stepsItemNumberHeight;
-        line-height: $stepsItemNumberHeight;
-        font-size: $stepsItemNumberFontSize;
-        border-radius: $stepsItemNumberBorderRadius;
-        transition: $actionIconTransition;
-      }
-
-      .p-stepper-title {
-        margin-left: $inlineSpacing;
-        color: $stepsItemTextColor;
-        font-weight: $stepsItemActiveFontWeight;
-        transition: $actionIconTransition;
-      }
-
-      &:not(.p-disabled):focus-visible {
-        @include focused();
-      }
-    }
-
-    &.p-highlight {
-      .p-stepper-number {
-        background: $highlightBg;
-        color: $highlightTextColor;
-      }
-
-      .p-stepper-title {
-        color: $textColor;
-      }
-    }
-
-    &:not(.p-disabled):focus-visible {
-      @include focused();
-    }
-
-    &:has(~ .p-highlight) {
-      @if variable-exists(primaryColor) {
-        .p-stepper-separator {
-          background-color: $primaryColor;
-        }
-      }
-    }
-  }
-
-  .p-stepper-panels {
-    background: $tabviewContentBg;
-    padding: $tabviewContentPadding;
-    color: $tabviewContentTextColor;
-  }
-
-  .p-stepper-separator {
-    background-color: $timelineEventColor;
-    width: 100%;
-    height: 2px;
-    margin-inline-start: calc($inlineSpacing * 2);
-    transition: $listItemTransition;
-  }
-
-  &.p-stepper-vertical {
-    display: flex;
-    flex-direction: column;
-
-    .p-stepper-toggleable-content {
-      display: flex;
-      flex: 1 1 auto;
-      background: $tabviewContentBg;
-      color: $tabviewContentTextColor;
-    }
-
-    .p-stepper-panel {
-      display: flex;
-      flex-direction: column;
-      flex: initial;
-
-      &.p-stepper-panel-active {
-        flex: 1 1 auto;
-      }
-
-      .p-stepper-header {
-        flex: initial;
-      }
-
-      .p-stepper-content {
-        width: 100%;
-        padding-left: calc($inlineSpacing * 2);
-      }
-
-      .p-stepper-separator {
-        flex: 0 0 auto;
-        width: 2px;
-        height: auto;
-        margin-inline-start: calc($inlineSpacing * 7 / 2 + 2px);
-      }
-
-      &:has(~ .p-stepper-panel-active) {
-        @if variable-exists(primaryColor) {
-          .p-stepper-separator {
-            background-color: $primaryColor;
-          }
-        }
-      }
-
-      &:last-of-type {
-        .p-stepper-content {
-          padding-left: calc($inlineSpacing * 6);
-        }
-      }
-    }
-  }
-}
+@use "sass:math";
+
+//theme
+.p-stepper {
+  .p-stepper-nav {
+    display: flex;
+    justify-content: space-between;
+    margin: 0;
+    padding: 0;
+    list-style-type: none;
+  }
+
+  .p-stepper-header {
+    padding: $inlineSpacing;
+
+    .p-stepper-action {
+      transition: $listItemTransition;
+      border-radius: $borderRadius;
+      background: $stepsItemBg;
+      outline-color: transparent;
+
+      .p-stepper-number {
+        color: $stepsItemNumberColor;
+        border: $stepsItemBorder;
+        border-width: 2px;
+        background: $stepsItemBg;
+        min-width: $stepsItemNumberWidth;
+        height: $stepsItemNumberHeight;
+        line-height: $stepsItemNumberHeight;
+        font-size: $stepsItemNumberFontSize;
+        border-radius: $stepsItemNumberBorderRadius;
+        transition: $actionIconTransition;
+      }
+
+      .p-stepper-title {
+        margin-left: $inlineSpacing;
+        color: $stepsItemTextColor;
+        font-weight: $stepsItemActiveFontWeight;
+        transition: $actionIconTransition;
+      }
+
+      &:not(.p-disabled):focus-visible {
+        @include focused();
+      }
+    }
+
+    &.p-highlight {
+      .p-stepper-number {
+        background: $highlightBg;
+        color: $highlightTextColor;
+      }
+
+      .p-stepper-title {
+        color: $textColor;
+      }
+    }
+
+    &:not(.p-disabled):focus-visible {
+      @include focused();
+    }
+
+    &:has(~ .p-highlight) {
+      @if variable-exists(primaryColor) {
+        .p-stepper-separator {
+          background-color: $primaryColor;
+        }
+      }
+    }
+  }
+
+  .p-stepper-panels {
+    background: $tabviewContentBg;
+    padding: $tabviewContentPadding;
+    color: $tabviewContentTextColor;
+  }
+
+  .p-stepper-separator {
+    background-color: $timelineEventColor;
+    width: 100%;
+    height: 2px;
+    margin-inline-start: calc($inlineSpacing * 2);
+    transition: $listItemTransition;
+  }
+
+  &.p-stepper-vertical {
+    display: flex;
+    flex-direction: column;
+
+    .p-stepper-toggleable-content {
+      display: flex;
+      flex: 1 1 auto;
+      background: $tabviewContentBg;
+      color: $tabviewContentTextColor;
+    }
+
+    .p-stepper-panel {
+      display: flex;
+      flex-direction: column;
+      flex: initial;
+
+      &.p-stepper-panel-active {
+        flex: 1 1 auto;
+      }
+
+      .p-stepper-header {
+        flex: initial;
+      }
+
+      .p-stepper-content {
+        width: 100%;
+        padding-left: calc($inlineSpacing * 2);
+      }
+
+      .p-stepper-separator {
+        flex: 0 0 auto;
+        width: 2px;
+        height: auto;
+        margin-inline-start: calc($inlineSpacing * 7 / 2 + 2px);
+      }
+
+      &:has(~ .p-stepper-panel-active) {
+        @if variable-exists(primaryColor) {
+          .p-stepper-separator {
+            background-color: $primaryColor;
+          }
+        }
+      }
+
+      &:last-of-type {
+        .p-stepper-content {
+          padding-left: calc($inlineSpacing * 6);
+        }
+      }
+    }
+  }
+}