fix material css vars

negue · negue · commit ca316b0ce4a7 · 2025-05-06T00:58:04.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -180,7 +180,7 @@
     "@twurple/auth": "7.3.0",
     "@twurple/chat": "7.3.0",
     "@twurple/eventsub-ws": "7.3.0",
-    "angular-material-css-vars": "1.2.0",
+    "angular-material-css-vars": "3.0.0",
     "angular2-qrcode": "2.0.3",
     "animate.css": "4.1.1",
     "body-parser": "1.20.3",
diff --git a/projects/action-variables-ui/src/lib/action-variable-input/action-variable-input.component.html b/projects/action-variables-ui/src/lib/action-variable-input/action-variable-input.component.html
@@ -8,8 +8,8 @@
   <mat-form-field *ngSwitchCase="'textarea'">
     <mat-label>{{label}}</mat-label>
     <textarea matInput [(ngModel)]="value"
-              matTextareaAutosize
-              [matAutosizeMinRows]="4"
+              [cdkTextareaAutosize]
+              [cdkAutosizeMinRows]="4"
               (ngModelChange)="valueChanged.emit(value)">
 
     </textarea>
diff --git a/projects/ui-components/src/lib/checkbox-chip/checkbox-chip.component.scss b/projects/ui-components/src/lib/checkbox-chip/checkbox-chip.component.scss
@@ -1,5 +1,4 @@
-@import '~angular-material-css-vars/public-util';
-
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
 
diff --git a/projects/ui-components/src/lib/hint-panel/hint-panel.component.scss b/projects/ui-components/src/lib/hint-panel/hint-panel.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   display: block;
diff --git a/src/app/manage/media/media-overview/media-overview.component.scss b/src/app/manage/media/media-overview/media-overview.component.scss
@@ -1,4 +1,3 @@
-@import '~angular-material-css-vars/public-util';
 @import '../../../../utils/mixins';
 
 .mediaList__appMediaInfo {
diff --git a/src/app/manage/navigation/navigation.component.scss b/src/app/manage/navigation/navigation.component.scss
@@ -1,5 +1,3 @@
-@import '~angular-material-css-vars/public-util';
-
 :host {
   display: block;
   width: 100%;
diff --git a/src/app/manage/screen/screen-overview/screen-info/screen-info.component.scss b/src/app/manage/screen/screen-overview/screen-info/screen-info.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   width: 100%;
diff --git a/src/app/manage/screen/screen-overview/screen-overview.component.scss b/src/app/manage/screen/screen-overview/screen-overview.component.scss
@@ -1,4 +1,3 @@
-@import '~angular-material-css-vars/public-util';
 @import '../../../../utils/mixins';
 
 :host {
diff --git a/src/app/manage/triggers/events-overview/timed-event-info/twitch-event-info.component.scss b/src/app/manage/triggers/events-overview/timed-event-info/twitch-event-info.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   width: 100%;
diff --git a/src/app/manage/triggers/events-overview/twitch-event-info/timed-event-info.component.scss b/src/app/manage/triggers/events-overview/twitch-event-info/timed-event-info.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   width: 100%;
diff --git a/src/app/shared/components/card-overview/overview-add-item/overview-add-item.component.scss b/src/app/shared/components/card-overview/overview-add-item/overview-add-item.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   width: 100%;
diff --git a/src/app/shared/components/filter/filter.component.scss b/src/app/shared/components/filter/filter.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   ::ng-deep {
diff --git a/src/app/shared/dialogs/action-assigning-dialog/action-assigning-dialog.component.scss b/src/app/shared/dialogs/action-assigning-dialog/action-assigning-dialog.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 @import '../../../../utils/mixins';
 
 :host {
diff --git a/src/app/shared/dialogs/screen-arrange/screen-arrange-sidebar/screen-arrange-sidebar.component.scss b/src/app/shared/dialogs/screen-arrange/screen-arrange-sidebar/screen-arrange-sidebar.component.scss
@@ -1,4 +1,4 @@
-@import '~angular-material-css-vars/public-util';
+@import 'angular-material-css-vars/src/lib/public-util';
 
 :host {
   width: 300px;
diff --git a/src/app/shared/dialogs/screen-arrange/screen-arrange.component.scss b/src/app/shared/dialogs/screen-arrange/screen-arrange.component.scss
@@ -1,5 +1,3 @@
-@import '~angular-material-css-vars/public-util';
-
 :host {
   display: flex;
   flex-direction: column;
diff --git a/src/styles.scss b/src/styles.scss
@@ -1,4 +1,4 @@
-@import '~animate.css/animate.css';
+@import 'animate.css/animate.css';
 @import './styles/material.overrides';
 @import './styles/moveable.overrides';
 @import './styles/two-column';
@@ -69,7 +69,7 @@ iframe {
 }
 
 gewd-markdown, .markdown-styling {
-  @import "~@gewd/markdown/markdown.mixin";
+  @import "@gewd/markdown/markdown.mixin";
 
   @include markdownCss();
   @include markdownDefaultDarkColor();
diff --git a/src/styles/material.overrides.scss b/src/styles/material.overrides.scss
@@ -1,5 +1,6 @@
-@import '~@angular/material/theming';
-@import '~angular-material-css-vars/main';
+@import '@angular/material/theming';
+@import 'angular-material-css-vars/src/lib/main';
+
 @import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;700&display=swap');
 @import './css-var-colors';
 

-Original file line number
+Diff line change
@@ @@ -1,5 +1,4 @@ @@
 -@import '~angular-material-css-vars/public-util';
+-
 +@import 'angular-material-css-vars/src/lib/public-util';
 :host {
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@import '~angular-material-css-vars/public-util';`
	`1`	`+@import 'angular-material-css-vars/src/lib/public-util';`
`2`	`2`
`3`	`3`	`:host {`
`4`	`4`	`display: block;`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-@import '~angular-material-css-vars/public-util';`
`2`	`1`	`@import '../../../../utils/mixins';`
`3`	`2`
`4`	`3`	`.mediaList__appMediaInfo {`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,3 @@`
`1`		`-@import '~angular-material-css-vars/public-util';`
`2`		`-`
`3`	`1`	`:host {`
`4`	`2`	`display: block;`
`5`	`3`	`width: 100%;`