@invopop/popui 0.1.13 → 0.1.15

package/dist/svg/IconEmpty.svelte

@@ -1,143 +1,115 @@
-<svg 
-  fill="none" 
-  xmlns="http://www.w3.org/2000/svg" 
+<svg
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
   viewBox="0 0 352 120"
+  class="text-foreground-accent"
 >
   <g clip-path="url(#a99)">
-    <mask 
-      id="b98" 
-      style="mask-type:alpha" 
-      maskUnits="userSpaceOnUse" 
-      x="0" 
-      y="-1" 
-      width="353" 
+    <mask
+      id="b98"
+      style="mask-type:alpha"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="-1"
+      width="353"
       height="121"
     >
-      <path 
-        d="M0-1h353v121H0V-1Zm78 47a6 6 0 0 1 6-6h30a6 6 0 0 1 6 6v30a6 6 0 0 1-6 6H84a6 6 0 0 1-6-6V46Zm167-6a6 6 0 0 0-6 6v30a6 6 0 0 0 6 6h30a6 6 0 0 0 6-6V46a6 6 0 0 0-6-6h-30Z" 
-        fill-rule="evenodd" 
+      <path
+        d="M0-1h353v121H0V-1Zm78 47a6 6 0 0 1 6-6h30a6 6 0 0 1 6 6v30a6 6 0 0 1-6 6H84a6 6 0 0 1-6-6V46Zm167-6a6 6 0 0 0-6 6v30a6 6 0 0 0 6 6h30a6 6 0 0 0 6-6V46a6 6 0 0 0-6-6h-30Z"
+        fill-rule="evenodd"
         clip-rule="evenodd"
         fill="#D9D9D9"
       />
     </mask>
     <g mask="url(#b98)">
-      <path 
-        d="M35.6 12.4H.4m35.2 0v-48.6m0 48.6 17.5 24.4M.4 61l-35.1-48.6H.4M.4 61v48.5M.3 61h70.2M.3 109.5h-35l35 48.6h35m-35-48.6h35m-35 0 35 48.6m70.4 0 17.5 24.5v-48.8m-17.5 24.3H70.5m35.2 0-17.5-24.3m17.5 24.3v-48.6m17.5 24.3 17.6 24.3H176l-35.2-48.6m-17.6 24.3-17.5-24.3m35.1 0H176m-35.2 0-35-48.5m35 48.5h-35.1m70.3 0 35 48.6h35.2M176 109.5h70.3m-70.3 0L140.8 61h-35" 
-        stroke="url(#c97)" 
+      <path
+        d="M35.6 12.4H.4m35.2 0v-48.6m0 48.6 17.5 24.4M.4 61l-35.1-48.6H.4M.4 61v48.5M.3 61h70.2M.3 109.5h-35l35 48.6h35m-35-48.6h35m-35 0 35 48.6m70.4 0 17.5 24.5v-48.8m-17.5 24.3H70.5m35.2 0-17.5-24.3m17.5 24.3v-48.6m17.5 24.3 17.6 24.3H176l-35.2-48.6m-17.6 24.3-17.5-24.3m35.1 0H176m-35.2 0-35-48.5m35 48.5h-35.1m70.3 0 35 48.6h35.2M176 109.5h70.3m-70.3 0L140.8 61h-35"
+        stroke="url(#c97)"
         stroke-width=".6"
       />
     </g>
     <g filter="url(#d96)">
-      <rect 
-        x="144" 
-        y="28" 
-        width="64" 
-        height="64" 
-        rx="12" 
-        fill="white"
-      />
-      <rect 
-        x="144" 
-        y="28" 
-        width="64" 
-        height="64" 
-        rx="12"
-      />
-      <rect 
-        x="144.4" 
-        y="28.4" 
-        width="63.2" 
-        height="63.2" 
-        rx="11.6" 
-        stroke="var(--workspace-accent-color, #169958)" 
-        stroke-opacity=".6" 
+      <rect x="144" y="28" width="64" height="64" rx="12" fill="white" />
+      <rect x="144" y="28" width="64" height="64" rx="12" />
+      <rect
+        x="144.4"
+        y="28.4"
+        width="63.2"
+        height="63.2"
+        rx="11.6"
+        stroke="currentColor"
+        stroke-opacity=".6"
         stroke-width="1"
       />
-      <rect 
-        x="148.3" 
-        y="32.3" 
-        width="55.4" 
-        height="55.4" 
-        rx="7.7" 
-        stroke="var(--workspace-accent-color, #169958)" 
-        stroke-opacity=".4" 
+      <rect
+        x="148.3"
+        y="32.3"
+        width="55.4"
+        height="55.4"
+        rx="7.7"
+        stroke="currentColor"
+        stroke-opacity=".4"
         stroke-width=".6"
       />
     </g>
-    <rect 
-      x="238.3" 
-      y="39.3" 
-      width="43.3" 
-      height="43.3" 
-      rx="7.7" 
-      stroke="#030712" 
-      stroke-opacity=".1" 
-      stroke-width=".7" 
+    <rect
+      x="238.3"
+      y="39.3"
+      width="43.3"
+      height="43.3"
+      rx="7.7"
+      stroke="#030712"
+      stroke-opacity=".1"
+      stroke-width=".7"
       stroke-dasharray="2 3"
     />
-    <rect 
-      x="80" 
-      y="42" 
-      width="38.1" 
-      height="38.1" 
-      rx="5.3" 
-      stroke="#030712" 
-      stroke-opacity=".1" 
+    <rect
+      x="80"
+      y="42"
+      width="38.1"
+      height="38.1"
+      rx="5.3"
+      stroke="#030712"
+      stroke-opacity=".1"
       stroke-width=".4"
     />
   </g>
   <defs>
-    <radialGradient 
-      id="c97" 
-      cx="0" 
-      cy="0" 
-      r="1" 
-      gradientUnits="userSpaceOnUse" 
+    <radialGradient
+      id="c97"
+      cx="0"
+      cy="0"
+      r="1"
+      gradientUnits="userSpaceOnUse"
       gradientTransform="matrix(.06967 120.59998 -345.06394 .19934 176 62)"
     >
-      <stop 
-        stop-color="#D1D5DB" 
-        stop-opacity=".6"
-      />
-      <stop 
-        offset=".5" 
-        stop-color="#D1D5DB" 
-        stop-opacity="0"
-      />
+      <stop stop-color="#D1D5DB" stop-opacity=".6" />
+      <stop offset=".5" stop-color="#D1D5DB" stop-opacity="0" />
     </radialGradient>
     <clipPath id="a99">
-      <path 
-        fill="#fff" 
-        d="M0 0h352v120H0z"
-      />
+      <path fill="#fff" d="M0 0h352v120H0z" />
     </clipPath>
-    <filter 
-      id="d96" 
-      x="124" 
-      y="8" 
-      width="104" 
-      height="106" 
-      filterUnits="userSpaceOnUse" 
+    <filter
+      id="d96"
+      x="124"
+      y="8"
+      width="104"
+      height="106"
+      filterUnits="userSpaceOnUse"
       color-interpolation-filters="sRGB"
     >
-      <feFlood 
-        flood-opacity="0" 
-        result="BackgroundImageFix"
-      />
-      <feColorMatrix 
-        in="SourceAlpha" 
-        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" 
+      <feFlood flood-opacity="0" result="BackgroundImageFix" />
+      <feColorMatrix
+        in="SourceAlpha"
+        values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
         result="hardAlpha"
       />
-      <feOffset dy="2"/>
-      <feGaussianBlur stdDeviation="10"/>
-      <feComposite 
-        in2="hardAlpha" 
-        operator="out"
-      />
-      <feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0"/>
-      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_280_210"/>
-      <feBlend in="SourceGraphic" in2="effect1_dropShadow_280_210" result="shape"/>
+      <feOffset dy="2" />
+      <feGaussianBlur stdDeviation="10" />
+      <feComposite in2="hardAlpha" operator="out" />
+      <feColorMatrix values="0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0 0.0392157 0 0 0 0.04 0" />
+      <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_280_210" />
+      <feBlend in="SourceGraphic" in2="effect1_dropShadow_280_210" result="shape" />
     </filter>
   </defs>
 </svg>

package/dist/table/table-body.svelte

@@ -8,6 +8,6 @@
   }: WithElementRef<HTMLAttributes<HTMLTableSectionElement>> = $props()
 </script>
 
-<tbody bind:this={ref} data-slot="table-body" class={cn('[&_tr:hover]:bg-neutral-50', className)}>
+<tbody bind:this={ref} data-slot="table-body" class={cn('[&_tr:hover]:bg-neutral-5', className)}>
   {@render children?.()}
 </tbody>

package/dist/table/table-cell.svelte

@@ -15,7 +15,7 @@
   bind:this={ref}
   data-slot="table-cell"
   class={cn(
-    'py-3 pl-3 pr-3 align-middle text-neutral-500 font-normal text-base [&:has([role=checkbox])]:pr-2 [&:has([role=menu])]:pl-1 relative z-1',
+    'py-3 pl-3 pr-3 align-middle text-foreground-default-secondary font-normal text-base [&:has([role=checkbox])]:pr-2 [&:has([role=menu])]:pl-1 relative z-1',
     className
   )}
   onclick={bubble('click')}

package/dist/table/table-footer.svelte

@@ -11,7 +11,7 @@
 <tfoot
   bind:this={ref}
   data-slot="table-footer"
-  class={cn('bg-muted/50 text-primary-foreground font-medium', className)}
+  class={cn('bg-muted/50 text-foreground font-medium', className)}
 >
   {@render children?.()}
 </tfoot>

package/dist/table/table-head.svelte

@@ -12,7 +12,7 @@
   bind:this={ref}
   data-slot="table-head"
   class={cn(
-    'text-neutral-600 text-base font-normal p-3 text-left align-middle [&:has([role=checkbox])]:pr-0',
+    'text-neutral-60 text-base font-normal p-3 text-left align-middle [&:has([role=checkbox])]:pr-0',
     className
   )}
 >

package/dist/table/table-header.svelte

@@ -15,7 +15,7 @@
 <thead
   bind:this={ref}
   data-slot="table-header"
-  class={cn('[&_tr]:border-b [&_tr]:border-neutral-100 bg-white', className)}
+  class={cn('[&_tr]:border-b [&_tr]:border-border bg-white', className)}
   onclick={bubble('click')}
   onkeydown={bubble('keydown')}
 >

package/dist/table/table-row.svelte

@@ -18,7 +18,7 @@
   bind:this={ref}
   data-slot="table-row"
   class={cn(
-    'data-[state=selected]:bg-neutral-50 data-[state=checked]:bg-workspace-accent-50 transition-colors',
+    'data-[state=selected]:bg-neutral-5 data-[state=checked]:bg-workspace-accent-50 transition-colors',
     className
   )}
   {oncontextmenu}

package/dist/tabs/tabs-list.svelte

@@ -8,7 +8,7 @@
   bind:ref
   data-slot="tabs-list"
   class={cn(
-    'bg-neutral-100 border border-neutral-200 text-base text-neutral-800 inline-flex h-7 items-center justify-center rounded-md p-0.5 w-full',
+    'bg-background-default-secondary border border-border text-base text-foreground inline-flex h-7 items-center justify-center rounded-md p-0.5 w-full',
     className
   )}
 >