chore: runs eslint --fix

Author: iOvergaard

packages/uui-color-area/lib/uui-color-area.element.ts

@@ -298,7 +298,8 @@ export class UUIColorAreaElement extends LitElement {
         position: relative;
         height: 100%;
         width: 100%;
-        background-image: linear-gradient(
+        background-image:
+          linear-gradient(
             to bottom,
             rgba(0, 0, 0, 0) 0%,
             rgba(0, 0, 0, 1) 100%

packages/uui-color-picker/lib/uui-color-picker.element.ts

@@ -650,11 +650,8 @@ export class UUIColorPickerElement extends LabelMixin('label', LitElement) {
 
       .color-picker__transparent-bg {
         border: 1px solid var(--uui-color-border);
-        background-image: linear-gradient(
-            45deg,
-            var(--uui-palette-grey) 25%,
-            transparent 25%
-          ),
+        background-image:
+          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);

packages/uui-color-slider/lib/uui-color-slider.element.ts

@@ -342,11 +342,8 @@ export class UUIColorSliderElement extends LabelMixin('label', LitElement) {
       }
 
       :host([type='opacity']) {
-        --uui-slider-background-image: linear-gradient(
-            45deg,
-            var(--uui-palette-grey) 25%,
-            transparent 25%
-          ),
+        --uui-slider-background-image:
+          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);

packages/uui-color-swatch/lib/uui-color-swatch.element.ts

@@ -251,11 +251,8 @@ export class UUIColorSwatchElement extends LabelMixin(
       }
 
       .color-swatch.color-swatch--transparent-bg {
-        background-image: linear-gradient(
-            45deg,
-            var(--uui-palette-grey) 25%,
-            transparent 25%
-          ),
+        background-image:
+          linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, transparent 75%, var(--uui-palette-grey) 75%),
           linear-gradient(45deg, var(--uui-palette-grey) 25%, transparent 25%);

storyhelpers/render-slots.ts

@@ -35,7 +35,7 @@ function renderSlots(param: TemplateResult[] | Args) {
   const spacing = '  ';
 
   const stringSlots = validSlots.map(slot =>
-    typeof slot === 'string' ? slot : slot.strings?.[0] ?? '',
+    typeof slot === 'string' ? slot : (slot.strings?.[0] ?? ''),
   );
   const stringSlotsJoined = stringSlots.join('\n');
   const stringSlotsJoinedWithSpacing = stringSlotsJoined