@inshorts/glint-ui 0.5.3 → 0.5.4

package/LICENSE

@@ -0,0 +1,13 @@
+UNLICENSED
+
+Copyright (c) Inshorts / News In Shorts Private Limited.
+
+These packages are published to the public npm registry under the `@inshorts`
+scope for install convenience (Docker / CI without a private registry). They
+are NOT open source.
+
+You may use them only as part of Inshorts internal products and services.
+Redistribution, sublicensing, or use outside Inshorts requires written
+permission from News In Shorts Private Limited.
+
+All rights reserved.

package/README.md

@@ -9,20 +9,12 @@ theme tokens.
 
 ## Install
 
-Until this is published to the private registry, link the local checkout that
-sits next to your panel repos:
-
-```bash
-# from inshorts-sales-panel-next (or inpix-panel, users-crm, …)
-pnpm add @inshorts/glint-ui@file:../inshorts-npm-modules/glint/ui
-```
-
-After publish:
-
 ```bash
 pnpm add @inshorts/glint-ui
 ```
 
+Kit iteration against a sibling checkout: `pnpm add @inshorts/glint-ui@file:../inshorts-npm-modules/glint/ui` (do not commit `file:` in production apps).
+
 Peer deps: `react` and `react-dom` ^19.3.
 
 ## Wire it into a Next + Tailwind 4 panel

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inshorts/glint-ui",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Glint Tailwind 4 UI kit for Inshorts Next panels.",
   "license": "UNLICENSED",
   "type": "module",
@@ -33,11 +33,6 @@
     "url": "git+https://github.com/NewsInShorts/inshorts-npm-modules.git",
     "directory": "glint/ui"
   },
-  "scripts": {
-    "typecheck": "tsc --noEmit",
-    "test": "vitest run",
-    "prepublishOnly": "npm run typecheck && npm test"
-  },
   "peerDependencies": {
     "@radix-ui/react-slot": "^1.2.0",
     "lucide-react": "^0.400.0 || ^1.0.0",
@@ -74,5 +69,9 @@
   },
   "publishConfig": {
     "access": "public"
+  },
+  "scripts": {
+    "typecheck": "tsc --noEmit",
+    "test": "vitest run"
   }
-}
+}

package/src/copy-button.tsx

@@ -49,7 +49,7 @@ export function CopyButton({
       }}
     >
       {copied ? (
-        <Check className="size-3.5 text-emerald-600" aria-hidden />
+        <Check className="size-3.5 text-success" aria-hidden />
       ) : (
         <Copy className="size-3.5" aria-hidden />
       )}

package/src/switch.tsx

@@ -24,7 +24,8 @@ export const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(
       disabled={disabled}
       onClick={() => onCheckedChange(!checked)}
       className={cn(
-        "relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border transition-colors",
+        // 24×44px track meets DESIGN.md 24px minimum target size.
+        "relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border transition-colors",
         "focus-visible:ring-ring focus-visible:ring-2 focus-visible:outline-none",
         "disabled:cursor-not-allowed disabled:opacity-50",
         checked ? "border-primary bg-primary" : "border-border bg-muted",
@@ -35,8 +36,8 @@ export const Switch = React.forwardRef<HTMLButtonElement, SwitchProps>(
       <span
         aria-hidden
         className={cn(
-          "bg-background pointer-events-none block size-4 rounded-full shadow-sm transition-transform",
-          checked ? "translate-x-4" : "translate-x-0.5",
+          "bg-background pointer-events-none block size-5 rounded-full shadow-sm transition-transform",
+          checked ? "translate-x-5" : "translate-x-0.5",
         )}
       />
     </button>