This is an automated email from the ASF dual-hosted git repository.
riemer pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/streampipes.git
The following commit(s) were added to refs/heads/dev by this push:
new 9fd2b90a9d fix: Sass deprecation warnings (#3712)
9fd2b90a9d is described below
commit 9fd2b90a9dee39d453b85dd6f6a00f261d4e5094
Author: GauiPower <[email protected]>
AuthorDate: Tue Aug 5 13:07:44 2025 +0200
fix: Sass deprecation warnings (#3712)
---
.../edit-schema-transformation.component.scss | 19 -------
.../edit-schema-transformation.component.ts | 2 +-
.../edit-correction-value.component.scss | 19 -------
.../edit-correction-value.component.ts | 2 +-
ui/src/scss/main.scss | 1 -
ui/src/scss/sp/dialog.scss | 2 +-
ui/src/scss/sp/documentation.ng1.scss | 4 +-
ui/src/scss/sp/feedback.ng1.scss | 59 ----------------------
ui/src/scss/sp/main.scss | 50 +++++++++---------
ui/src/scss/sp/pipeline-element-options.scss | 12 ++---
ui/src/scss/sp/pipeline-validation.scss | 2 -
ui/src/scss/sp/progress-bar.scss | 4 +-
ui/src/scss/sp/shepherd-new.scss | 8 +--
ui/src/scss/sp/sp-theme.scss | 7 +--
14 files changed, 46 insertions(+), 145 deletions(-)
diff --git
a/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.scss
b/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.scss
deleted file mode 100644
index 0d4d02f4cc..0000000000
---
a/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-@import '../../edit-event-property.component.scss';
diff --git
a/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.ts
b/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.ts
index 0d41806ccb..9090be68cf 100644
---
a/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.ts
+++
b/ui/src/app/connect/dialog/edit-event-property/components/edit-schema-transformation/edit-schema-transformation.component.ts
@@ -38,7 +38,7 @@ import { Router } from '@angular/router';
@Component({
selector: 'sp-edit-schema-transformation',
templateUrl: './edit-schema-transformation.component.html',
- styleUrls: ['./edit-schema-transformation.component.scss'],
+ styleUrls: ['../../edit-event-property.component.scss'],
standalone: false,
})
export class EditSchemaTransformationComponent implements OnInit {
diff --git
a/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.scss
b/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.scss
deleted file mode 100644
index a1d59b6014..0000000000
---
a/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-@import '../../../edit-event-property.component.scss';
diff --git
a/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.ts
b/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.ts
index 1b240ede24..687de5e9f6 100644
---
a/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.ts
+++
b/ui/src/app/connect/dialog/edit-event-property/components/edit-value-transformation/edit-correction-value/edit-correction-value.component.ts
@@ -22,7 +22,7 @@ import { EventPropertyUnion } from
'@streampipes/platform-services';
@Component({
selector: 'sp-edit-correction-value',
templateUrl: './edit-correction-value.component.html',
- styleUrls: ['./edit-correction-value.component.scss'],
+ styleUrls: ['../../../edit-event-property.component.scss'],
standalone: false,
})
export class EditCorrectionValueComponent {
diff --git a/ui/src/scss/main.scss b/ui/src/scss/main.scss
index 24b2713c21..ecb4295caa 100644
--- a/ui/src/scss/main.scss
+++ b/ui/src/scss/main.scss
@@ -41,7 +41,6 @@
@use './sp/pipeline-element';
@use './sp/pipeline-validation';
@use './sp/mat-tab';
-@use './sp/feedback.ng1';
@use './sp/widgets.scss';
@use './sp/progress-bar.scss';
@use './sp/jsplumb';
diff --git a/ui/src/scss/sp/dialog.scss b/ui/src/scss/sp/dialog.scss
index 86818cb411..12c5ffaa49 100644
--- a/ui/src/scss/sp/dialog.scss
+++ b/ui/src/scss/sp/dialog.scss
@@ -16,7 +16,7 @@
*
*/
-@import '../variables';
+@use '../variables';
.sp-no-padding-dialog .mat-dialog-container {
box-shadow:
diff --git a/ui/src/scss/sp/documentation.ng1.scss
b/ui/src/scss/sp/documentation.ng1.scss
index 147c630e0e..ad0979759d 100644
--- a/ui/src/scss/sp/documentation.ng1.scss
+++ b/ui/src/scss/sp/documentation.ng1.scss
@@ -16,7 +16,7 @@
*
*/
-@import '../_variables';
+@use '../_variables' as sp;
.note {
float: left;
@@ -36,7 +36,7 @@
}
p.note h2 {
- color: $sp-color-accent;
+ color: sp.$sp-color-accent;
font-size: 20px;
}
diff --git a/ui/src/scss/sp/feedback.ng1.scss b/ui/src/scss/sp/feedback.ng1.scss
deleted file mode 100644
index ebb874ab95..0000000000
--- a/ui/src/scss/sp/feedback.ng1.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-/*!
- * Licensed to the Apache Software Foundation (ASF) under one or more
- * contributor license agreements. See the NOTICE file distributed with
- * this work for additional information regarding copyright ownership.
- * The ASF licenses this file to You under the Apache License, Version 2.0
- * (the "License"); you may not use this file except in compliance with
- * the License. You may obtain a copy of the License at
- *
- * http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- *
- */
-
-@import '../_variables';
-
-.feedback-container {
- font-size: 14pt;
- height: 600px;
- z-index: 100;
- //border-left: 2px solid $sp-color-primary;
- //border-bottom: 2px solid $sp-color-primary;
- //border-right: 2px solid $sp-color-primary;
- padding: 24px;
- color: var(--color-default-text);
-}
-
-.feedback-width-100 {
- width: 100%;
-}
-
-.feedback-height-100 {
- height: 100%;
-}
-
-.feedback-explainer {
- font-size: 12pt;
-}
-
-.feedback-title {
- font-size: 20pt;
- font-weight: bold;
- color: var(--color-accent);
- text-align: center;
-}
-
-.feedback-font-size-small {
- font-size: 11pt;
-}
-
-.feedback-status {
- font-size: 16pt;
- margin-top: 10px;
- margin-bottom: 20px;
-}
diff --git a/ui/src/scss/sp/main.scss b/ui/src/scss/sp/main.scss
index 767d1d568e..9273747ee0 100644
--- a/ui/src/scss/sp/main.scss
+++ b/ui/src/scss/sp/main.scss
@@ -16,7 +16,7 @@
*
*/
-@import '../_variables';
+@use '../_variables' as sp;
md-progress-linear.md-accent .md-container {
background-color: rgb(168, 168, 168);
@@ -38,10 +38,10 @@ body {
height: auto !important;
width: 100%;
- --color-adapter: #{$sp-color-adapter};
- --color-stream: #{$sp-color-stream};
- --color-processor: #{$sp-color-processor};
- --color-sink: #{$sp-color-sink};
+ --color-adapter: #{sp.$sp-color-adapter};
+ --color-stream: #{sp.$sp-color-stream};
+ --color-processor: #{sp.$sp-color-processor};
+ --color-sink: #{sp.$sp-color-sink};
--color-tab-border: var(--color-bg-3);
}
@@ -86,7 +86,7 @@ pre[class*='language-'] {
}
.mat-step-header .mat-step-icon {
- background-color: $sp-color-accent;
+ background-color: sp.$sp-color-accent;
}
.opened-nav {
@@ -110,7 +110,7 @@ md-toolbar:not(.md-menu-toolbar) {
.angular-notifications-icon {
right: -7px !important;
top: -7px !important;
- background: $sp-color-accent !important;
+ background: sp.$sp-color-accent !important;
}
.speech-bubble {
@@ -191,7 +191,7 @@ md-content {
.top-nav {
height: 40px !important;
- border-bottom: 0px solid $sp-color-accent;
+ border-bottom: 0px solid sp.$sp-color-accent;
}
.angular-google-map-container {
@@ -201,7 +201,7 @@ md-content {
.wizard-preview {
height: 150px !important;
width: 150px !important;
- box-shadow: 0 0 2px $sp-color-accent;
+ box-shadow: 0 0 2px sp.$sp-color-accent;
display: inline-block;
vertical-align: middle;
background-color: white;
@@ -216,7 +216,7 @@ md-content {
}
.wizard-preview-selected {
- border: 5px solid $sp-color-accent;
+ border: 5px solid sp.$sp-color-accent;
}
.letter-circle {
@@ -285,11 +285,11 @@ md-content {
.wizard-inactive {
background-color: white !important;
color: black !important;
- border: 2px solid $sp-color-accent !important;
+ border: 2px solid sp.$sp-color-accent !important;
}
.popover {
- border: 1px solid $sp-color-accent;
+ border: 1px solid sp.$sp-color-accent;
box-shadow: 0 0px 0px;
-webkit-bow-shadow: none;
border-radius: 0px;
@@ -297,11 +297,11 @@ md-content {
}
.arrow {
- color: $sp-color-accent;
+ color: sp.$sp-color-accent;
}
.popover-title {
- background-color: $sp-color-accent;
+ background-color: sp.$sp-color-accent;
color: white;
border-radius: 0px 0px 0 0;
}
@@ -375,7 +375,7 @@ md-content {
right: 16px;
top: 25px;
color: #ffffff;
- background-color: $sp-color-accent;
+ background-color: sp.$sp-color-accent;
vertical-align: middle;
}
@@ -440,39 +440,39 @@ md-content {
}
.adapter-label {
- background: $sp-color-adapter;
+ background: sp.$sp-color-adapter;
color: white;
}
.stream-label {
- background: $sp-color-stream;
+ background: sp.$sp-color-stream;
color: black;
}
.processor-label {
- background: $sp-color-processor;
+ background: sp.$sp-color-processor;
}
.sink-label {
- background: $sp-color-sink;
+ background: sp.$sp-color-sink;
}
.adapter {
border-radius: 50%;
- border: 2px solid $sp-color-adapter;
+ border: 2px solid sp.$sp-color-adapter;
}
.stream {
border-radius: 50%;
- border: 2px solid $sp-color-stream;
+ border: 2px solid sp.$sp-color-stream;
}
.action {
- border: 2px solid $sp-color-sink;
+ border: 2px solid sp.$sp-color-sink;
}
.sepa {
- border: 2px solid $sp-color-processor;
+ border: 2px solid sp.$sp-color-processor;
}
.draggable-img {
@@ -594,7 +594,7 @@ md-content {
cursor: move;
height: 150px !important;
width: 150px !important;
- box-shadow: 0 0 2px $sp-color-accent;
+ box-shadow: 0 0 2px sp.$sp-color-accent;
display: inline-block;
vertical-align: middle;
background-color: white;
@@ -764,7 +764,7 @@ textarea {
margin-top: 3px;
margin-bottom: 3px;
background: #dfdfdf5e;
- border-left: 1px solid $sp-color-accent;
+ border-left: 1px solid sp.$sp-color-accent;
}
label {
diff --git a/ui/src/scss/sp/pipeline-element-options.scss
b/ui/src/scss/sp/pipeline-element-options.scss
index d1337878e0..1f0b36bf77 100644
--- a/ui/src/scss/sp/pipeline-element-options.scss
+++ b/ui/src/scss/sp/pipeline-element-options.scss
@@ -16,7 +16,7 @@
*
*/
-@import '../_variables';
+@use '../_variables' as sp;
.help-button-icon-stand {
display: block;
@@ -24,9 +24,9 @@
height: 20px;
width: 20px;
border-radius: 50%;
- background-color: $sp-color-accent;
+ background-color: sp.$sp-color-accent;
color: rgba(255, 255, 255, 0.75);
- box-shadow: 0 0 2px $sp-color-accent;
+ box-shadow: 0 0 2px sp.$sp-color-accent;
line-height: 1.2;
text-align: center;
}
@@ -60,16 +60,16 @@
}
.pe-info-action {
- background: $sp-color-sink;
+ background: sp.$sp-color-sink;
color: white;
}
.pe-info-sepa {
- background: $sp-color-processor;
+ background: sp.$sp-color-processor;
color: white;
}
.pe-info-stream {
- background: $sp-color-stream;
+ background: sp.$sp-color-stream;
color: #343434;
}
diff --git a/ui/src/scss/sp/pipeline-validation.scss
b/ui/src/scss/sp/pipeline-validation.scss
index 8bb44f352e..3f7d359dc8 100644
--- a/ui/src/scss/sp/pipeline-validation.scss
+++ b/ui/src/scss/sp/pipeline-validation.scss
@@ -16,8 +16,6 @@
*
*/
-@import '../_variables';
-
.pipeline-validation-summary {
background: var(--color-bg-0);
border-radius: 3px;
diff --git a/ui/src/scss/sp/progress-bar.scss b/ui/src/scss/sp/progress-bar.scss
index 4558d7c3a0..990d3fd519 100644
--- a/ui/src/scss/sp/progress-bar.scss
+++ b/ui/src/scss/sp/progress-bar.scss
@@ -16,8 +16,8 @@
*
*/
-@import '../_variables';
+@use '../_variables' as sp;
mat-progress-bar .mat-progress-bar-buffer {
- background: $sp-color-accent-light;
+ background: sp.$sp-color-accent-light;
}
diff --git a/ui/src/scss/sp/shepherd-new.scss b/ui/src/scss/sp/shepherd-new.scss
index 2615e66f72..a5573228fb 100644
--- a/ui/src/scss/sp/shepherd-new.scss
+++ b/ui/src/scss/sp/shepherd-new.scss
@@ -16,10 +16,10 @@
*
*/
-@import '../_variables.scss';
+@use '../_variables.scss' as sp;
.shepherd-button {
- background: $sp-color-accent;
+ background: sp.$sp-color-accent;
border: 0;
border-radius: 3px;
color: hsla(0, 0%, 100%, 0.75);
@@ -30,7 +30,7 @@
}
.shepherd-button:not(:disabled):hover {
- background: $sp-color-accent-light-blue;
+ background: sp.$sp-color-accent-light-blue;
color: hsla(0, 0%, 100%, 0.75);
}
@@ -106,7 +106,7 @@
}
.shepherd-has-title .shepherd-content .shepherd-header {
- background: $sp-color-accent;
+ background: sp.$sp-color-accent;
padding: 1em;
}
diff --git a/ui/src/scss/sp/sp-theme.scss b/ui/src/scss/sp/sp-theme.scss
index 2d3e5e3021..26584c102f 100644
--- a/ui/src/scss/sp/sp-theme.scss
+++ b/ui/src/scss/sp/sp-theme.scss
@@ -18,6 +18,7 @@
@use '@angular/material' as mat;
@use '../_variables' as sp;
+@use 'sass:map';
@include mat.elevation-classes();
@include mat.app-background();
@@ -165,9 +166,9 @@ $custom-theme-dark: mat.m2-define-light-theme(
)
);
-$primary: map-get($custom-theme-light, primary);
-$accent-dark: map-get($custom-theme-dark, accent);
-$accent: map-get($custom-theme-light, accent);
+$primary: map.get($custom-theme-light, primary);
+$accent-dark: map.get($custom-theme-dark, accent);
+$accent: map.get($custom-theme-light, accent);
.small .mat-tab-label {
height: 24px;
