@stubber/ui 1.0.23 → 1.0.25

package/README.md

@@ -2,8 +2,6 @@
 
 This is a sveltekit library project that contains standardized UI components to be used in Stubber Svelte apps
 
-[Read More on the Wiki](https://wiki.stubber.zone:3443/en/npm-packages/stubber-ui-pkg)
-
 # Getting Started
 
 - `npm i`
@@ -11,7 +9,22 @@ This is a sveltekit library project that contains standardized UI components to
 
 # Publishing
 
-- `npm version patch` to bump the version
-- `git push origin master` to push the bumped version
-- `npm run build` to build and package the project
-- `npm publish` to publish the package
+We use [semantic-release](https://github.com/semantic-release/semantic-release) to automate the versioning and package publishing process. To publish a new version of the package, follow these steps:
+
+Simply make a commit with a message that follows the [Conventional Commits](https://www.conventionalcommits.org/en/v1.0.0/) specification, and push it to the master branch. The commit message should include a type (feat, fix, chore, etc.) and an optional scope.
+
+For example:
+
+```bash
+# will create a new major release.
+breaking: change button color to red
+feat!: add new button component
+
+# will create a new minor release.
+feat: add new button component
+
+# will create a new patch release.
+fix: fix button color
+```
+
+See default ruleset [here](https://github.com/semantic-release/commit-analyzer/blob/master/lib/default-release-rules.js)

package/dist/components/sheet/index.d.ts

@@ -17,7 +17,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
+}, undefined, "bg-background fixed z-[100] gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     side: {
         top: string;
         bottom: string;
@@ -45,7 +45,7 @@ export declare const sheetVariants: import("tailwind-variants").TVReturnType<{
         left: string;
         right: string;
     };
-}, undefined, "bg-background fixed z-50 gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
+}, undefined, "bg-background fixed z-[100] gap-4 p-6 shadow-lg", import("tailwind-variants/dist/config.d.ts").TVConfig<{
     side: {
         top: string;
         bottom: string;

package/dist/components/sheet/index.js

@@ -11,7 +11,7 @@ const Root = SheetPrimitive.Root;
 const Close = SheetPrimitive.Close;
 const Trigger = SheetPrimitive.Trigger;
 export const sheetVariants = tv({
-    base: "bg-background fixed z-50 gap-4 p-6 shadow-lg",
+    base: "bg-background fixed z-[100] gap-4 p-6 shadow-lg",
     variants: {
         side: {
             top: "inset-x-0 top-0 border-b",

package/dist/components/sheet/sheet-content.svelte

@@ -21,22 +21,30 @@ export let hasOverlay = true;
   {#if hasOverlay}
     <SheetOverlay />
   {/if}
-  <SheetPrimitive.Content
-    {inTransition}
-    {inTransitionConfig}
-    {outTransition}
-    {outTransitionConfig}
-    class={cn(sheetVariants({ side }), className)}
-    {...$$restProps}
-  >
-    <slot />
-    <slot name="close">
-      <SheetPrimitive.Close
-        class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
-      >
-        <i class="fa-regular fa-xmark h-4 w-4" />
-        <span class="sr-only">Close</span>
-      </SheetPrimitive.Close>
-    </slot>
+  <SheetPrimitive.Content asChild let:builder>
+    <div
+      use:builder.action
+      in:inTransition|global={inTransitionConfig}
+      out:outTransition|global={outTransitionConfig}
+      class={cn(sheetVariants({ side }), className)}
+      {...$$restProps}
+      on:pointerdown
+      on:pointermove
+      on:pointerup
+      on:touchcancel
+      on:touchend
+      on:touchmove|nonpassive
+      on:touchstart|nonpassive
+    >
+      <slot />
+      <slot name="close">
+        <SheetPrimitive.Close
+          class="ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none"
+        >
+          <i class="fa-regular fa-xmark h-4 w-4" />
+          <span class="sr-only">Close</span>
+        </SheetPrimitive.Close>
+      </slot>
+    </div>
   </SheetPrimitive.Content>
 </SheetPortal>

package/dist/components/sheet/sheet-content.svelte.d.ts

@@ -15,6 +15,14 @@ declare const __propDef: {
         hasOverlay?: boolean;
     };
     events: {
+        pointerdown: PointerEvent;
+        pointermove: PointerEvent;
+        pointerup: PointerEvent;
+        touchcancel: TouchEvent;
+        touchend: TouchEvent;
+        touchmove: TouchEvent;
+        touchstart: TouchEvent;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {

package/dist/components/tabs/index.d.ts

@@ -3,4 +3,5 @@ import Content from "./tabs-content.svelte";
 import List from "./tabs-list.svelte";
 import Trigger from "./tabs-trigger.svelte";
 declare const Root: typeof TabsPrimitive.Root;
+export type TabVariant = "default" | "secondary";
 export { Root, Content, List, Trigger, Root as Tabs, Content as TabsContent, List as TabsList, Trigger as TabsTrigger, };

package/dist/components/tabs/tabs-list.svelte

@@ -1,12 +1,18 @@
 <script>import { Tabs as TabsPrimitive } from "bits-ui";
 import { cn } from "../../utils/shadcn-utils.js";
 let className = void 0;
+export let variant = "default";
 export { className as class };
+const variantStyles = {
+  default: "bg-white text-muted-foreground",
+  secondary: "bg-muted text-muted-foreground"
+};
 </script>
 
 <TabsPrimitive.List
   class={cn(
-    "bg-white text-muted-foreground inline-flex h-10 items-center justify-center rounded-md p-1",
+    "inline-flex h-10 items-center justify-center rounded-lg p-1",
+    variantStyles[variant],
     className
   )}
   {...$$restProps}

package/dist/components/tabs/tabs-trigger.svelte

@@ -2,12 +2,18 @@
 import { cn } from "../../utils/shadcn-utils.js";
 let className = void 0;
 export let value;
+export let variant = "default";
 export { className as class };
+const variantStyles = {
+  default: "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:border-b-2 border-black",
+  secondary: "data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow-sm rounded-lg"
+};
 </script>
 
 <TabsPrimitive.Trigger
   class={cn(
-    "ring-offset-background focus-visible:ring-ring data-[state=active]:bg-background data-[state=active]:text-foreground inline-flex items-center justify-center gap-2 whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:border-b-2 border-black",
+    "ring-offset-background focus-visible:ring-ring inline-flex items-center justify-center gap-2 whitespace-nowrap px-3 py-1.5 text-sm font-medium transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+    variantStyles[variant],
     className
   )}
   {value}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stubber/ui",
-  "version": "1.0.23",
+  "version": "1.0.25",
   "scripts": {
     "dev": "vite dev",
     "build": "vite build && pnpm run package && node ./fix_dts_imports.js",
@@ -76,5 +76,15 @@
       "esbuild",
       "svelte-preprocess"
     ]
+  },
+  "release": {
+    "branches": [
+      "master"
+    ],
+    "plugins": [
+      "@semantic-release/commit-analyzer",
+      "@semantic-release/release-notes-generator",
+      "@semantic-release/npm"
+    ]
   }
 }