update deps & CI

.github/workflows/ci.yml

@@ -3,25 +3,28 @@ on: push
 jobs:
   test:
     runs-on: ubuntu-20.04
-    strategy:
-      matrix:
-        node: [16]
-    name: Test on Node v${{ matrix.node }}
+    name: Test on Node 20
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
+
+      - name: Install pnpm
+        uses: pnpm/action-setup@v3
 
       - name: Setup Node
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
-          node-version: ${{ matrix.node }}
-      - run: npm install
-      - run: npm run lint:css
-      - run: npm run build
-      - run: npm run compile-scss
-      - run: npm run test
+          node-version: 20
+          cache: pnpm
+
+      - run: pnpm install --no-frozen-lockfile
+      - run: npx cypress install
+      - run: pnpm lint:css
+      - run: pnpm build
+      - run: pnpm compile-scss
+      - run: pnpm test
 
-      - name: Upload coverage report on Node v${{ matrix.node }} to coveralls.io...
-        uses: coverallsapp/github-action@v1.1.2
+      - name: Upload coverage report on to coveralls.io...
+        uses: coverallsapp/github-action@master
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}

README.md

@@ -4,11 +4,11 @@
 [![ci](https://github.com/thednp/color-picker/actions/workflows/ci.yml/badge.svg)](https://github.com/thednp/color-picker/actions/workflows/ci.yml)
 [![jsDeliver](https://img.shields.io/jsdelivr/npm/hw/@thednp/color-picker)](https://www.jsdelivr.com/package/npm/@thednp/color-picker)
 [![NPM Version](https://img.shields.io/npm/v/@thednp/color-picker.svg)](https://www.npmjs.com/package/@thednp/color-picker)
-[![typescript version](https://img.shields.io/badge/typescript-5.2.2-brightgreen)](https://www.typescriptlang.org/)
-[![eslint version](https://img.shields.io/badge/eslint-8.49.0-brightgreen)](https://github.com/eslint)
-[![prettier version](https://img.shields.io/badge/prettier-3.0.3-brightgreen)](https://prettier.io/)
-[![cypress version](https://img.shields.io/badge/cypress-13.1.0-brightgreen)](https://cypress.io/)
-[![vite version](https://img.shields.io/badge/vite-4.4.9-brightgreen)](https://github.com/vitejs)
+[![typescript version](https://img.shields.io/badge/typescript-5.5.4-brightgreen)](https://www.typescriptlang.org/)
+[![eslint version](https://img.shields.io/badge/eslint-8.57.0-brightgreen)](https://github.com/eslint)
+[![prettier version](https://img.shields.io/badge/prettier-3.3.3-brightgreen)](https://prettier.io/)
+[![cypress version](https://img.shields.io/badge/cypress-13.13.2-brightgreen)](https://cypress.io/)
+[![vite version](https://img.shields.io/badge/vite-5.4.0-brightgreen)](https://github.com/vitejs)
 
 The feature rich **ColorPicker** component for the modern web, sourced with TypeScript, Cypress tested, WAI-ARIA compliant and lots of goodies. In addition, it features its own version of [TinyColor](https://github.com/bgrins/TinyColor) called simply [Color](http://github.com/thednp/color).
 

dist/js/color-picker.d.ts

@@ -1,13 +1,13 @@
-import Color from '@thednp/color';
+import Color$1 from '@thednp/color';
 import { ColorFormats, HSLA, HSVA, HWBA, RGBA } from '@thednp/color';
 
 declare class ColorPalette {
-	static Color: typeof Color;
+	static Color: typeof Color$1;
 	hue: number;
 	hueSteps: number;
 	lightSteps: number;
 	saturation: number;
-	colors: Color[];
+	colors: Color$1[];
 	/**
 	 * The `hue` parameter is optional, which would be set to 0.
 	 * * `args.hue` the starting Hue [0, 360]
@@ -74,22 +74,22 @@ export interface ColorNames {
  *
  * @see http://thednp.github.io/color-picker
  */
-export default class ColorPicker {
-	static Color: typeof Color;
+declare class ColorPicker {
+	static Color: typeof Color$1;
 	static ColorPalette: typeof ColorPalette;
 	static getInstance: (element: HTMLInputElement) => ColorPicker | null;
 	static init: (element: HTMLInputElement) => ColorPicker;
 	static selector: string;
 	static roundPart: (v: number) => number;
 	static setElementStyle: (element: HTMLElement, styles: Partial<import("@thednp/shorty").CSS4Declaration>) => void;
 	static setAttribute: (element: HTMLElement, att: string, value: string) => void;
-	static getBoundingClientRect: (element: HTMLElement, includeScale?: boolean | undefined) => import("@thednp/shorty").BoundingClientRect;
+	static getBoundingClientRect: (element: HTMLElement, includeScale?: boolean) => import("@thednp/shorty").BoundingClientRect;
 	static version: string;
 	static colorNames: string[];
 	static colorPickerLabels: ColorPickerLabels;
 	id: number;
 	input: HTMLInputElement;
-	color: Color;
+	color: Color$1;
 	format: string;
 	parent: HTMLElement;
 	dragElement: HTMLElement | undefined;
@@ -291,6 +291,10 @@ export default class ColorPicker {
 	dispose(): void;
 }
 
+export {
+	ColorPicker as default,
+};
+
 export as namespace ColorPicker;
 
 export {};