@tryghost/kg-unsplash-selector 0.3.19 → 0.3.21

package/dist/kg-unsplash-selector.css

@@ -0,0 +1 @@
+*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.inset-8{inset:3.2rem}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-4{left:1.6rem}.right-6{right:2.4rem}.top-1\/2{top:50%}.top-6{top:2.4rem}.z-40{z-index:40}.z-50{z-index:50}.mb-1{margin-bottom:.4rem}.mb-4{margin-bottom:1.6rem}.mb-6{margin-bottom:2.4rem}.mr-1{margin-right:.4rem}.mr-2{margin-right:.8rem}.mr-6{margin-right:2.4rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.size-4{width:1.6rem;height:1.6rem}.size-8{width:3.2rem;height:3.2rem}.size-\[50px\]{width:50px;height:50px}.size-full{width:100%;height:100%}.h-10{height:4rem}.h-8{height:3.2rem}.h-\[100vh\]{height:100vh}.h-auto{height:auto}.h-full{height:100%}.w-\[max-content\]{width:-moz-max-content;width:max-content}.w-auto{width:auto}.w-full{width:100%}.max-w-sm{max-width:38.4rem}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-2{--tw-translate-y: -.8rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.8rem}.gap-3{gap:1.2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.4rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.6rem}.border{border-width:1px}.border-solid{border-style:solid}.border-black\/10{border-color:#0000001a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black\/5{--tw-gradient-from: rgb(0 0 0 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.via-black\/5{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to) }.to-black\/30{--tw-gradient-to: rgb(0 0 0 / .3) var(--tw-gradient-to-position) }.stroke-2{stroke-width:2}.stroke-\[3px\]{stroke-width:3px}.object-contain{-o-object-fit:contain;object-fit:contain}.p-5{padding:2rem}.px-20{padding-left:8rem;padding-right:8rem}.px-3{padding-left:1.2rem;padding-right:1.2rem}.py-10{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.8rem;padding-bottom:.8rem}.pb-10{padding-bottom:4rem}.pb-\[8vh\]{padding-bottom:8vh}.pl-10{padding-left:4rem}.pr-8{padding-right:3.2rem}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:2.4rem}.text-3xl{font-size:3rem}.text-lg{font-size:1.8rem}.text-md{font-size:1.5rem}.text-sm{font-size:1.4rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.leading-6{line-height:1.5rem}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-xl{--tw-shadow: 0px 0px 1px rgba(0, 0, 0, .12), 0px 13px 20px rgba(0, 0, 0, .04), 0px 14px 57px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 13px 20px var(--tw-shadow-color), 0px 14px 57px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:mt-\[7px\]:before{content:var(--tw-content);margin-top:7px}.before\:block:before{content:var(--tw-content);display:block}.before\:size-\[7px\]:before{content:var(--tw-content);width:7px;height:7px}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.last-of-type\:mr-0:last-of-type{margin-right:0}.hover\:opacity-100:hover{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}

package/dist/ui/UnsplashButton.d.ts

@@ -1,5 +1,4 @@
 import { default as React, HTMLProps } from 'react';
-
 type ButtonIconType = 'heart' | 'download';
 interface UnsplashButtonProps extends HTMLProps<HTMLAnchorElement> {
     icon?: ButtonIconType;

package/dist/ui/UnsplashGallery.d.ts

@@ -1,6 +1,5 @@
 import { default as React, ReactNode, RefObject } from 'react';
 import { Photo } from '../UnsplashTypes';
-
 interface MasonryColumnProps {
     children: ReactNode;
 }

package/dist/ui/UnsplashImage.d.ts

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 import { Links, Photo, User } from '../UnsplashTypes';
-
 export interface UnsplashImageProps {
     payload: Photo;
     srcUrl: string;

package/dist/ui/UnsplashSelector.d.ts

@@ -1,5 +1,4 @@
 import { ChangeEvent, FunctionComponent, ReactNode } from 'react';
-
 interface UnsplashSelectorProps {
     closeModal: () => void;
     handleSearch: (e: ChangeEvent<HTMLInputElement>) => void;

package/dist/ui/UnsplashZoomed.d.ts

@@ -1,7 +1,6 @@
 import { UnsplashImageProps } from './UnsplashImage';
 import { FC } from 'react';
 import { Photo } from '../UnsplashTypes';
-
 interface UnsplashZoomedProps extends Omit<UnsplashImageProps, 'zoomed'> {
     zoomed: Photo | null;
     selectImg: (photo: Photo | null) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tryghost/kg-unsplash-selector",
-  "version": "0.3.19",
+  "version": "0.3.21",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
     "build": "tsc && vite build",
     "preview": "vite preview",
     "prepare": "yarn build",
-    "lint": "eslint src --ext .js,.ts,.jsx,.tsx --cache",
+    "lint": "eslint src --cache",
     "test": "yarn test:unit && yarn test:acceptance",
     "test:unit": "yarn nx build && vitest run",
     "test:acceptance": "playwright test",
@@ -33,29 +33,27 @@
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.48.2",
+    "@playwright/test": "^1.58.0",
     "@types/react": "18.3.28",
     "@types/react-dom": "18.3.7",
-    "@typescript-eslint/eslint-plugin": "8.56.1",
-    "@typescript-eslint/parser": "8.56.1",
-    "@vitejs/plugin-react": "4.7.0",
-    "@vitest/coverage-v8": "4.0.18",
+    "@vitejs/plugin-react": "5.2.0",
+    "@vitest/coverage-v8": "4.1.0",
     "autoprefixer": "10.4.27",
     "concurrently": "9.2.1",
-    "eslint": "8.57.1",
-    "eslint-plugin-react-hooks": "4.6.2",
+    "eslint": "9.39.4",
+    "eslint-plugin-react-hooks": "5.2.0",
     "eslint-plugin-react-refresh": "0.5.2",
     "eslint-plugin-tailwindcss": "3.18.2",
-    "jsdom": "24.1.3",
-    "postcss": "8.5.6",
+    "jsdom": "29.0.0",
+    "postcss": "8.5.8",
     "postcss-import": "16.1.1",
     "tailwindcss": "3.4.19",
     "typescript": "5.9.3",
-    "vite": "5.4.21",
-    "vite-plugin-css-injected-by-js": "3.5.2",
-    "vite-plugin-dts": "3.9.1",
+    "typescript-eslint": "8.57.0",
+    "vite": "7.3.1",
+    "vite-plugin-dts": "4.5.4",
     "vite-plugin-svgr": "4.5.0",
-    "vitest": "4.0.18"
+    "vitest": "4.1.0"
   },
-  "gitHead": "97f31cff0671f0b0386a2b7cef3a87578b3937ca"
+  "gitHead": "b17f030ceee03160de3ad5dfc2066eb2cbd87264"
 }

package/dist/style.css

@@ -1 +0,0 @@
-*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-8{top:3.2rem;right:3.2rem;bottom:3.2rem;left:3.2rem}.inset-y-0{top:0;bottom:0}.left-0{left:0}.left-4{left:1.6rem}.right-6{right:2.4rem}.top-1\/2{top:50%}.top-6{top:2.4rem}.z-40{z-index:40}.z-50{z-index:50}.mb-1{margin-bottom:.4rem}.mb-4{margin-bottom:1.6rem}.mb-6{margin-bottom:2.4rem}.mr-1{margin-right:.4rem}.mr-2{margin-right:.8rem}.mr-6{margin-right:2.4rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.size-4{width:1.6rem;height:1.6rem}.size-8{width:3.2rem;height:3.2rem}.size-\[50px\]{width:50px;height:50px}.size-full{width:100%;height:100%}.h-10{height:4rem}.h-8{height:3.2rem}.h-\[100vh\]{height:100vh}.h-auto{height:auto}.h-full{height:100%}.w-\[max-content\]{width:-moz-max-content;width:max-content}.w-auto{width:auto}.w-full{width:100%}.max-w-sm{max-width:38.4rem}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.basis-0{flex-basis:0px}.-translate-y-2{--tw-translate-y: -.8rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.cursor-zoom-in{cursor:zoom-in}.cursor-zoom-out{cursor:zoom-out}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.8rem}.gap-3{gap:1.2rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.4rem}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.6rem}.border{border-width:1px}.border-solid{border-style:solid}.border-black\/10{border-color:#0000001a}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.from-black\/5{--tw-gradient-from: rgb(0 0 0 / .05) var(--tw-gradient-from-position);--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) }.via-black\/5{--tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), rgb(0 0 0 / .05) var(--tw-gradient-via-position), var(--tw-gradient-to) }.to-black\/30{--tw-gradient-to: rgb(0 0 0 / .3) var(--tw-gradient-to-position) }.stroke-2{stroke-width:2}.stroke-\[3px\]{stroke-width:3px}.object-contain{-o-object-fit:contain;object-fit:contain}.p-5{padding:2rem}.px-20{padding-left:8rem;padding-right:8rem}.px-3{padding-left:1.2rem;padding-right:1.2rem}.py-10{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.8rem;padding-bottom:.8rem}.pb-10{padding-bottom:4rem}.pb-\[8vh\]{padding-bottom:8vh}.pl-10{padding-left:4rem}.pr-8{padding-right:3.2rem}.font-sans{font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji"}.text-2xl{font-size:2.4rem}.text-3xl{font-size:3rem}.text-lg{font-size:1.8rem}.text-md{font-size:1.5rem}.text-sm{font-size:1.4rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.leading-6{line-height:1.5rem}.text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-0{opacity:0}.opacity-60{opacity:.6}.opacity-90{opacity:.9}.shadow-xl{--tw-shadow: 0px 0px 1px rgba(0, 0, 0, .12), 0px 13px 20px rgba(0, 0, 0, .04), 0px 14px 57px rgba(0, 0, 0, .06);--tw-shadow-colored: 0px 0px 1px var(--tw-shadow-color), 0px 13px 20px var(--tw-shadow-color), 0px 14px 57px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.before\:z-10:before{content:var(--tw-content);z-index:10}.before\:mt-\[7px\]:before{content:var(--tw-content);margin-top:7px}.before\:block:before{content:var(--tw-content);display:block}.before\:size-\[7px\]:before{content:var(--tw-content);width:7px;height:7px}.before\:rounded-full:before{content:var(--tw-content);border-radius:9999px}.last-of-type\:mr-0:last-of-type{margin-right:0}.hover\:opacity-100:hover{opacity:1}.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}