lint and format

Author: saadeghi

packages/daisyui/functions/copyFile.js

@@ -13,6 +13,6 @@ export const copyFile = async (from, to, newName = null) => {
 
     await fs.copyFile(from, destPath)
   } catch (error) {
-    throw new Error(`Error copying file from ${from} to ${to}: ${error.message}`)  
+    throw new Error(`Error copying file from ${from} to ${to}: ${error.message}`)
   }
 }

packages/daisyui/src/base/rootscrollgutter.css

@@ -1,11 +1,11 @@
 :where(
   :root:has(
-      .modal-open,
-      .modal[open],
-      .modal:target,
-      .modal-toggle:checked,
-      .drawer:not(.drawer-open) > .drawer-toggle:checked
-    )
+    .modal-open,
+    .modal[open],
+    .modal:target,
+    .modal-toggle:checked,
+    .drawer:not(.drawer-open) > .drawer-toggle:checked
+  )
 ) {
   scrollbar-gutter: stable;
   background-image: linear-gradient(var(--color-base-100), var(--color-base-100));

packages/daisyui/src/base/rootscrolllock.css

@@ -1,9 +1,9 @@
 :root:has(
-    .modal-open,
-    .modal[open],
-    .modal:target,
-    .modal-toggle:checked,
-    .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked
-  ) {
+  .modal-open,
+  .modal[open],
+  .modal:target,
+  .modal-toggle:checked,
+  .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked
+) {
   @apply overflow-hidden;
 }

packages/daisyui/src/components/button.css

@@ -190,15 +190,15 @@
 
 .btn-outline {
   &:not(
-      .btn-active,
-      :hover,
-      :active:focus,
-      :focus-visible,
-      :disabled,
-      [disabled],
-      .btn-disabled,
-      :checked
-    ) {
+    .btn-active,
+    :hover,
+    :active:focus,
+    :focus-visible,
+    :disabled,
+    [disabled],
+    .btn-disabled,
+    :checked
+  ) {
     --btn-shadow: "";
     --btn-bg: #0000;
     --btn-fg: var(--btn-color);
@@ -227,15 +227,15 @@
 
 .btn-dash {
   &:not(
-      .btn-active,
-      :hover,
-      :active:focus,
-      :focus-visible,
-      :disabled,
-      [disabled],
-      .btn-disabled,
-      :checked
-    ) {
+    .btn-active,
+    :hover,
+    :active:focus,
+    :focus-visible,
+    :disabled,
+    [disabled],
+    .btn-disabled,
+    :checked
+  ) {
     --btn-shadow: "";
     border-style: dashed;
     --btn-bg: #0000;

packages/daisyui/src/components/input.css

@@ -73,14 +73,14 @@
     position: absolute;
     inset-inline-end: 0.75em;
   }
-  
+
   &:has(> input[type="date"]) {
     :where(input[type="date"]) {
       @apply inline-flex;
       -webkit-appearance: none;
       appearance: none;
     }
-    
+
     input[type="date"]::-webkit-calendar-picker-indicator {
       position: absolute;
       inset-inline-end: 0.75em;

packages/daisyui/src/components/menu.css

@@ -62,9 +62,9 @@
   }
 
   :where(
-      li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),
-      li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
-    ):not(.menu-active, :active, .btn) {
+    li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title),
+    li:not(.menu-title, .disabled) > details > summary:not(.menu-title)
+  ):not(.menu-active, :active, .btn) {
     &.menu-focus,
     &:focus-visible {
       @apply bg-base-content/10 text-base-content cursor-pointer outline-hidden;

packages/daisyui/src/components/tab.css

@@ -41,13 +41,21 @@
 
   &:checked,
   &:is(label:has(:checked)),
-  &:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+  &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
     & + .tab-content {
       @apply block;
       height: calc(100% - var(--tab-height) + var(--border));
     }
   }
-  &:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+  &:not(
+    :checked,
+    label:has(:checked),
+    :hover,
+    .tab-active,
+    [aria-selected="true"],
+    [aria-current="true"],
+    [aria-current="page"]
+  ) {
     @apply text-base-content/50;
   }
 
@@ -97,7 +105,10 @@
       left: 10%;
       position: absolute;
     }
-    &:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
+    &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(
+        .tab-disabled,
+        [disabled]
+      ),
     &:is(input:checked),
     &:is(label:has(:checked)) {
       &:before {
@@ -133,7 +144,10 @@
     padding: var(--tab-paddings);
     border-color: var(--tab-border-colors);
 
-    &:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
+    &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(
+        .tab-disabled,
+        [disabled]
+      ),
     &:is(input:checked, label:has(:checked)) {
       --tab-border: var(--border) var(--border) 0 var(--border);
       --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
@@ -195,7 +209,7 @@
 
   &:has(.tab-content) {
     > .tab:first-child {
-      &:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+      &:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
         --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
           var(--tab-border-color);
       }
@@ -212,7 +226,7 @@
 
   :checked,
   label:has(:checked),
-  :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+  :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
     & + .tab-content {
       &:nth-child(1),
       &:nth-child(n + 3) {
@@ -240,7 +254,10 @@
     --tab-corner-position: top left, top right;
     /* --last-tab-margin: 0 var(--tab-p) 0 0; */
 
-    &:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
+    &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(
+        .tab-disabled,
+        [disabled]
+      ),
     &:is(input:checked),
     &:is(label:has(:checked)) {
       --tab-border: var(--border) var(--border) 0 var(--border);
@@ -268,7 +285,7 @@
 
   &:has(.tab-content) {
     > .tab:first-child {
-      &:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+      &:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
         --tab-border-colors: var(--tab-border-color) var(--tab-border-color) #0000
           var(--tab-border-color);
       }
@@ -286,7 +303,7 @@
 
   :checked,
   label:has(:checked),
-  :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+  :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
     & + .tab-content {
       &:nth-child(1),
       &:nth-child(n + 3) {
@@ -314,7 +331,10 @@
     --tab-corner-position: top left, top right;
     /* --last-tab-margin: 0 var(--tab-p) 0 0; */
 
-    &:is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
+    &:is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(
+        .tab-disabled,
+        [disabled]
+      ),
     &:is(input:checked),
     &:is(label:has(:checked)) {
       --tab-border: 0 var(--border) var(--border) var(--border);
@@ -342,7 +362,7 @@
 
   &:has(.tab-content) {
     > .tab:first-child {
-      &:not(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+      &:not(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
         --tab-border-colors: #0000 var(--tab-border-color) var(--tab-border-color)
           var(--tab-border-color);
       }
@@ -360,7 +380,7 @@
 
   > :checked,
   > :is(label:has(:checked)),
-  > :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]) {
+  > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]) {
     & + .tab-content:not(:nth-child(2)) {
       --tabcontent-radius-es: var(--radius-box);
     }
@@ -453,7 +473,10 @@
     }
   }
 
-  > :is(.tab-active, [aria-selected=true], [aria-current=true], [aria-current=page]):not(.tab-disabled, [disabled]),
+  > :is(.tab-active, [aria-selected="true"], [aria-current="true"], [aria-current="page"]):not(
+      .tab-disabled,
+      [disabled]
+    ),
   > :is(input:checked),
   > :is(label:has(:checked)) {
     background-color: var(--tab-bg, var(--color-base-100));

packages/docs/src/routes/(routes)/store/[productId]/+page.svelte

@@ -589,7 +589,7 @@
                   href={value}
                   class="flex w-full cursor-pointer flex-col items-center gap-2 p-4 text-center capitalize transition-colors *:opacity-50 *:transition-opacity hover:*:opacity-100 focus-visible:outline focus-visible:-outline-offset-2 md:p-6"
                   onclick={(e) => {
-                    e.preventDefault(), screenshotDialog.showModal()
+                    ;(e.preventDefault(), screenshotDialog.showModal())
                     screenshotUrl = value
                   }}
                 >