New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

phosphor-icons-tailwindcss

Package Overview
Dependencies
Maintainers
0
Versions
11
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

phosphor-icons-tailwindcss - npm Package Compare versions

Comparing version

1.1.3
to
1.2.0

32

package.json
{
"name": "phosphor-icons-tailwindcss",
"version": "1.1.3",
"version": "1.2.0",
"description": "Tailwind plugin for Phoshor icon set in pure CSS",

@@ -48,20 +48,21 @@ "type": "module",

"peerDependencies": {
"tailwindcss": ">=3.4.14 || >=4.0.0-alpha.36"
"tailwindcss": ">=3.4.14 || >=4.0.0-beta.8"
},
"devDependencies": {
"@changesets/changelog-github": "^0.5.0",
"@changesets/cli": "^2.27.9",
"@tailwindcss/node": "4.0.0-alpha.36",
"@types/node": "^22.9.0",
"@vitest/coverage-istanbul": "2.1.5",
"@vitest/ui": "^2.1.5",
"@vnphanquang/eslint-config": "^3.0.0",
"eslint": "^9.14.0",
"@changesets/cli": "^2.27.11",
"@tailwindcss/node": "4.0.0-beta.8",
"@types/node": "^22.10.2",
"@vitest/coverage-istanbul": "2.1.8",
"@vitest/ui": "^2.1.8",
"@vnphanquang/eslint-config": "^3.0.1",
"eslint": "^9.17.0",
"postcss": "^8.4.49",
"prettier": "^3.3.3",
"prettier": "^3.4.2",
"publint": "^0.2.12",
"tailwindcss": "4.0.0-alpha.36",
"tailwindcssv3": "npm:tailwindcss@3.4.14",
"typescript": "^5.6.3",
"vitest": "^2.1.5"
"tailwindcss": "4.0.0-beta.8",
"tailwindcssv3": "npm:tailwindcss@3.4.17",
"typescript": "^5.7.2",
"vite": "^6.0.6",
"vitest": "^2.1.8"
},

@@ -78,3 +79,4 @@ "engines": {

"test": "vitest --coverage",
"ci:test": "vitest run --coverage",
"ci:test:units": "vitest run plugin --coverage --reporter=junit --outputFile=./coverage/junit.xml",
"ci:test:integrations": "vitest run vite",
"ci:version": "changeset version && pnpm install --no-frozen-lockfile",

@@ -81,0 +83,0 @@ "ci:publish": "changeset publish && pnpm install"

10

src/plugin.d.ts

@@ -0,1 +1,3 @@

export type Weight = 'thin' | 'light' | 'regular' | 'bold' | 'fill' | 'duotone';
export interface Options {

@@ -26,2 +28,10 @@ /**

customProperty: string;
/**
* The default weight for icons.
* Default to `regular`
*/
'default-weight': Weight;
/** alias for 'default-weight' option */
defaultWeight: Weight;
}

@@ -28,0 +38,0 @@

9

src/plugin.js

@@ -15,2 +15,3 @@ import fs from 'fs';

const customProperty = options['custom-property'] ?? options['customProperty'] ?? '--ph-url';
const defaultWeight = options['default-weight'] ?? options['defaultWeight'] ?? 'regular';
let layer = options.layer;

@@ -49,3 +50,3 @@ if (layer === undefined) layer = 'icons';

// syntax: <name>[--weight]
let [name = '', weight = 'regular'] = icon.split('--');
let [name = '', weight = defaultWeight] = icon.split('--');
name = name.trim();

@@ -56,3 +57,3 @@ weight = weight.trim();

if (ICON_SET.has(name) && VARIANTS.includes(weight)) {
let fileUrl = new URL(
let filepath = new URL(
resolve(

@@ -64,4 +65,4 @@ `@phosphor-icons/core/assets/${weight}/${name}${weight === 'regular' ? '' : `-${weight}`}.svg`,

if (fs.existsSync(fileUrl)) {
const svgStr = fs.readFileSync(fileUrl, { encoding: 'base64' });
if (fs.existsSync(filepath)) {
const svgStr = fs.readFileSync(filepath, { encoding: 'base64' });
url = `url(data:image/svg+xml;base64,${svgStr})`;

@@ -68,0 +69,0 @@ }