general-library-union 2.9.73 → 2.9.74

package/src/assets/layout/styles/theme/designer/components/data/_picklist.scss

@@ -1,103 +1,103 @@
-.p-picklist {
-    .p-picklist-buttons {
-        padding: $panelContentPadding;
-
-        .p-button {
-            margin-bottom: $inlineSpacing;
-        }
-    }
-
-    .p-picklist-header {
-        background: $panelHeaderBg;
-        color: $panelHeaderTextColor;
-        border: $panelHeaderBorder;
-        padding: $panelHeaderPadding;
-        border-bottom: 0 none;
-        border-top-right-radius: $borderRadius;
-        border-top-left-radius: $borderRadius;
-
-        .p-picklist-title {
-            font-weight: $panelHeaderFontWeight;
-        }
-    }
-
-    .p-picklist-filter-container {
-        padding: $panelHeaderPadding;
-        background: $panelContentBg;
-        border: $panelHeaderBorder;
-        border-bottom: 0 none;
-
-        .p-picklist-filter-input {
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-picklist-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }
-
-    .p-picklist-list {
-        border: $panelContentBorder;
-        background: $panelContentBg;
-        color: $panelContentTextColor;
-        padding: $inputListPadding;
-        border-bottom-right-radius: $borderRadius;
-        border-bottom-left-radius: $borderRadius;
-
-        .p-picklist-item {
-            padding: $inputListItemPadding;
-            margin: $inputListItemMargin;
-            border: $inputListItemBorder;
-            color: $inputListItemTextColor;
-            background: $inputListItemBg;
-            transition: $listItemTransition;
-
-            &:focus {
-                @include focused-listitem();
-            }
-
-            &.p-highlight {
-                color: $highlightTextColor;
-                background: $highlightBg;
-            }
-        }
-
-        .p-picklist-empty-message {
-            padding: $inputListItemPadding;
-            color: $inputListItemTextColor;
-        }
-
-        &:not(.cdk-drop-list-dragging) {
-            .p-picklist-item {
-                &:not(.p-highlight):hover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
-                }
-            }
-        }
-    }
-
-    &.p-picklist-striped {
-        .p-picklist-list {
-            .p-picklist-item:nth-child(even) {
-                background: $panelContentEvenRowBg;
-
-                &:hover {
-                    background: $inputListItemHoverBg;
-                }
-            }
-        }
-    }
-}
-
-.p-picklist-item {
-    &.cdk-drag-preview {
-        padding: $inputListItemPadding;
-        box-shadow: $inputOverlayShadow;
-        border: $inputListItemBorder;
-        color: $inputListItemTextColor;
-        background: $panelContentBg;
-        margin: 0;
-    }
+.p-picklist {
+    .p-picklist-buttons {
+        padding: $panelContentPadding;
+
+        .p-button {
+            margin-bottom: $inlineSpacing;
+        }
+    }
+
+    .p-picklist-header {
+        background: $panelHeaderBg;
+        color: $panelHeaderTextColor;
+        border: $panelHeaderBorder;
+        padding: $panelHeaderPadding;
+        border-bottom: 0 none;
+        border-top-right-radius: $borderRadius;
+        border-top-left-radius: $borderRadius;
+
+        .p-picklist-title {
+            font-weight: $panelHeaderFontWeight;
+        }
+    }
+
+    .p-picklist-filter-container {
+        padding: $panelHeaderPadding;
+        background: $panelContentBg;
+        border: $panelHeaderBorder;
+        border-bottom: 0 none;
+
+        .p-picklist-filter-input {
+            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+        }
+
+        .p-picklist-filter-icon {
+            right: nth($inputPadding, 2);
+            color: $inputIconColor;
+        }
+    }
+
+    .p-picklist-list {
+        border: $panelContentBorder;
+        background: $panelContentBg;
+        color: $panelContentTextColor;
+        padding: $inputListPadding;
+        border-bottom-right-radius: $borderRadius;
+        border-bottom-left-radius: $borderRadius;
+
+        .p-picklist-item {
+            padding: $inputListItemPadding;
+            margin: $inputListItemMargin;
+            border: $inputListItemBorder;
+            color: $inputListItemTextColor;
+            background: $inputListItemBg;
+            transition: $listItemTransition;
+
+            &:focus {
+                @include focused-listitem();
+            }
+
+            &.p-highlight {
+                color: $highlightTextColor;
+                background: $highlightBg;
+            }
+        }
+
+        .p-picklist-empty-message {
+            padding: $inputListItemPadding;
+            color: $inputListItemTextColor;
+        }
+
+        &:not(.cdk-drop-list-dragging) {
+            .p-picklist-item {
+                &:not(.p-highlight):hover {
+                    background: $inputListItemHoverBg;
+                    color: $inputListItemTextHoverColor;
+                }
+            }
+        }
+    }
+
+    &.p-picklist-striped {
+        .p-picklist-list {
+            .p-picklist-item:nth-child(even) {
+                background: $panelContentEvenRowBg;
+
+                &:hover {
+                    background: $inputListItemHoverBg;
+                }
+            }
+        }
+    }
+}
+
+.p-picklist-item {
+    &.cdk-drag-preview {
+        padding: $inputListItemPadding;
+        box-shadow: $inputOverlayShadow;
+        border: $inputListItemBorder;
+        color: $inputListItemTextColor;
+        background: $panelContentBg;
+        margin: 0;
+    }
 }

package/src/assets/layout/styles/theme/designer/components/data/_timeline.scss

@@ -1,38 +1,38 @@
-.p-timeline {
-    .p-timeline-event-marker {
-        border: $timelineEventMarkerBorder; 
-        border-radius: $timelineEventMarkerBorderRadius;
-        width: $timelineEventMarkerWidth;
-        height: $timelineEventMarkerHeight;
-        background-color: $timelineEventMarkerBackground;
-    }
-
-    .p-timeline-event-connector {
-        background-color: $timelineEventColor;
-    }
-
-    &.p-timeline-vertical {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineVerticalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            width: $timelineEventConnectorSize;
-        }
-    }
-
-    &.p-timeline-horizontal {
-        .p-timeline-event-opposite,
-        .p-timeline-event-content  {
-            padding: $timelineHorizontalEventContentPadding;
-        }
-
-        .p-timeline-event-connector {
-            height: $timelineEventConnectorSize;
-        }
-    }
-}
-
-
-
+.p-timeline {
+    .p-timeline-event-marker {
+        border: $timelineEventMarkerBorder; 
+        border-radius: $timelineEventMarkerBorderRadius;
+        width: $timelineEventMarkerWidth;
+        height: $timelineEventMarkerHeight;
+        background-color: $timelineEventMarkerBackground;
+    }
+
+    .p-timeline-event-connector {
+        background-color: $timelineEventColor;
+    }
+
+    &.p-timeline-vertical {
+        .p-timeline-event-opposite,
+        .p-timeline-event-content  {
+            padding: $timelineVerticalEventContentPadding;
+        }
+
+        .p-timeline-event-connector {
+            width: $timelineEventConnectorSize;
+        }
+    }
+
+    &.p-timeline-horizontal {
+        .p-timeline-event-opposite,
+        .p-timeline-event-content  {
+            padding: $timelineHorizontalEventContentPadding;
+        }
+
+        .p-timeline-event-connector {
+            height: $timelineEventConnectorSize;
+        }
+    }
+}
+
+
+

package/src/assets/layout/styles/theme/designer/components/data/_tree.scss

@@ -1,148 +1,148 @@
-.p-tree {
-    border: none;
-    background: $panelContentBg;
-    color: $panelContentTextColor;
-    padding: $panelContentPadding;
-    border-radius: $borderRadius;
-
-    .p-tree-container {
-        .p-treenode {
-            padding: $treeNodePadding;
-
-            .p-treenode-content {
-                border-radius: $borderRadius;
-                transition: $listItemTransition;
-                padding: $treeNodeContentPadding;
-
-                .p-tree-toggler {
-                    margin-right: $inlineSpacing;
-                    @include action-icon();
-                }
-
-                .p-treenode-icon {
-                    margin-right: $inlineSpacing;
-                    color: $treeNodeIconColor;
-                }
-
-                span.p-treenode-icon{
-                    color: var(--color-400) !important;
-                }
-
-                .p-checkbox {
-                    margin-right: $inlineSpacing;
-
-                    .p-indeterminate {
-                        .p-checkbox-icon {
-                            color: $textColor;
-                        }
-                    }
-                }
-
-                &:focus {
-                    @include focused-listitem();
-                }
-
-                &.p-highlight {
-                    background: $highlightBg;
-                    color: $highlightTextColor;
-
-                    .p-tree-toggler,
-                    .p-treenode-icon {
-                        color: $highlightTextColor;
-
-                        &:hover {
-                            color: $highlightTextColor;
-                        }
-                    }
-                }
-
-                &.p-treenode-selectable:not(.p-highlight):hover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
-                }
-
-                &.p-treenode-dragover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
-                }
-            }
-        }
-    }
-
-    .p-tree-filter-container {
-        margin-bottom: $inlineSpacing;
-
-        .p-tree-filter {
-            width: 100%;
-            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
-        }
-
-        .p-tree-filter-icon {
-            right: nth($inputPadding, 2);
-            color: $inputIconColor;
-        }
-    }
-
-    .p-treenode-children {
-        padding: $treeNodeChildrenPadding;
-    }
-
-    .p-tree-loading-icon {
-        font-size: $loadingIconFontSize;
-    }
-
-    .p-treenode-droppoint {
-        &.p-treenode-droppoint-active {
-            background-color: scale-color($highlightBg, $lightness: -20%);
-        }
-    } 
-
-    &.p-tree-horizontal {
-        .p-treenode {
-            .p-treenode-content {
-                border-radius: $borderRadius;
-                border: $panelContentBorder;
-                background-color: $panelContentBg;
-                color: $panelContentTextColor;
-                padding: $treeNodeContentPadding;
-                transition: $listItemTransition;
-
-                &.p-highlight {
-                    background-color: $highlightBg;
-                    color: $highlightTextColor;
-
-                    .p-treenode-icon {
-                        color: $highlightTextColor;
-                    }
-                }
-
-                .p-tree-toggler {
-                    margin-right: $inlineSpacing;
-                }
-
-                .p-treenode-icon {
-                    color: $treeNodeIconColor;
-                    margin-right: $inlineSpacing;
-                }
-
-                .p-checkbox {
-                    margin-right: $inlineSpacing;
-                }
-
-                .p-treenode-label:not(.p-highlight):hover {
-                    background-color: inherit;
-                    color: inherit;
-                }
-
-                &.p-treenode-selectable:not(.p-highlight):hover {
-                    background: $inputListItemHoverBg;
-                    color: $inputListItemTextHoverColor;
-                }
-                
-                &:focus {
-                    @include focused();
-                }
-            }
-        }
-    }
-}
+.p-tree {
+    border: none;
+    background: $panelContentBg;
+    color: $panelContentTextColor;
+    padding: $panelContentPadding;
+    border-radius: $borderRadius;
+
+    .p-tree-container {
+        .p-treenode {
+            padding: $treeNodePadding;
+
+            .p-treenode-content {
+                border-radius: $borderRadius;
+                transition: $listItemTransition;
+                padding: $treeNodeContentPadding;
+
+                .p-tree-toggler {
+                    margin-right: $inlineSpacing;
+                    @include action-icon();
+                }
+
+                .p-treenode-icon {
+                    margin-right: $inlineSpacing;
+                    color: $treeNodeIconColor;
+                }
+
+                span.p-treenode-icon{
+                    color: var(--color-400) !important;
+                }
+
+                .p-checkbox {
+                    margin-right: $inlineSpacing;
+
+                    .p-indeterminate {
+                        .p-checkbox-icon {
+                            color: $textColor;
+                        }
+                    }
+                }
+
+                &:focus {
+                    @include focused-listitem();
+                }
+
+                &.p-highlight {
+                    background: $highlightBg;
+                    color: $highlightTextColor;
+
+                    .p-tree-toggler,
+                    .p-treenode-icon {
+                        color: $highlightTextColor;
+
+                        &:hover {
+                            color: $highlightTextColor;
+                        }
+                    }
+                }
+
+                &.p-treenode-selectable:not(.p-highlight):hover {
+                    background: $inputListItemHoverBg;
+                    color: $inputListItemTextHoverColor;
+                }
+
+                &.p-treenode-dragover {
+                    background: $inputListItemHoverBg;
+                    color: $inputListItemTextHoverColor;
+                }
+            }
+        }
+    }
+
+    .p-tree-filter-container {
+        margin-bottom: $inlineSpacing;
+
+        .p-tree-filter {
+            width: 100%;
+            padding-right: nth($inputPadding, 2) + $primeIconFontSize;
+        }
+
+        .p-tree-filter-icon {
+            right: nth($inputPadding, 2);
+            color: $inputIconColor;
+        }
+    }
+
+    .p-treenode-children {
+        padding: $treeNodeChildrenPadding;
+    }
+
+    .p-tree-loading-icon {
+        font-size: $loadingIconFontSize;
+    }
+
+    .p-treenode-droppoint {
+        &.p-treenode-droppoint-active {
+            background-color: scale-color($highlightBg, $lightness: -20%);
+        }
+    } 
+
+    &.p-tree-horizontal {
+        .p-treenode {
+            .p-treenode-content {
+                border-radius: $borderRadius;
+                border: $panelContentBorder;
+                background-color: $panelContentBg;
+                color: $panelContentTextColor;
+                padding: $treeNodeContentPadding;
+                transition: $listItemTransition;
+
+                &.p-highlight {
+                    background-color: $highlightBg;
+                    color: $highlightTextColor;
+
+                    .p-treenode-icon {
+                        color: $highlightTextColor;
+                    }
+                }
+
+                .p-tree-toggler {
+                    margin-right: $inlineSpacing;
+                }
+
+                .p-treenode-icon {
+                    color: $treeNodeIconColor;
+                    margin-right: $inlineSpacing;
+                }
+
+                .p-checkbox {
+                    margin-right: $inlineSpacing;
+                }
+
+                .p-treenode-label:not(.p-highlight):hover {
+                    background-color: inherit;
+                    color: inherit;
+                }
+
+                &.p-treenode-selectable:not(.p-highlight):hover {
+                    background: $inputListItemHoverBg;
+                    color: $inputListItemTextHoverColor;
+                }
+                
+                &:focus {
+                    @include focused();
+                }
+            }
+        }
+    }
+}