Socket
Socket
Sign inDemoInstall

@launchpad-ui/icons

Package Overview
Dependencies
Maintainers
1
Versions
136
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@launchpad-ui/icons - npm Package Compare versions

Comparing version 0.14.9 to 0.14.10

54

dist/index.es.js

@@ -5,5 +5,3 @@ import './style.css';

import { createContext, useId, useContext, cloneElement } from "react";
const IconContext = /* @__PURE__ */ createContext({
path: void 0
});
const IconContext = /* @__PURE__ */ createContext({ path: void 0 });
const icon = "_icon_1owge_1";

@@ -69,11 +67,8 @@ const subtle = "_subtle_1owge_9";

const descriptionId = description && `${prefix}-${name}-description`;
const {
path: contextPath
} = useContext(IconContext);
const { path: contextPath } = useContext(IconContext);
const iconId = `lp-icon-${name}`;
const spritePath = contextPath === void 0 ? "/static/sprite.svg" : contextPath;
return /* @__PURE__ */ jsx("span", {
"data-test-id": testId,
className: classes,
children: /* @__PURE__ */ jsxs("svg", {
return /* @__PURE__ */ jsx("span", { "data-test-id": testId, className: classes, children: /* @__PURE__ */ jsxs(
"svg",
{
"aria-hidden": isAriaHidden,

@@ -86,13 +81,9 @@ "aria-label": ariaLabel,

...props,
children: [title && /* @__PURE__ */ jsx("title", {
id: titleId,
children: title
}), description && /* @__PURE__ */ jsx("desc", {
id: descriptionId,
children: description
}), /* @__PURE__ */ jsx("use", {
href: `${spritePath}#${iconId}`
})]
})
});
children: [
title && /* @__PURE__ */ jsx("title", { id: titleId, children: title }),
description && /* @__PURE__ */ jsx("desc", { id: descriptionId, children: description }),
/* @__PURE__ */ jsx("use", { href: `${spritePath}#${iconId}` })
]
}
) });
};

@@ -118,14 +109,5 @@ const FlairIcon = ({

const classes = cx(styles.flairIconContainer, styles[gradient], isRounded2 && styles.isRounded);
return /* @__PURE__ */ jsx("div", {
className: classes,
...props,
"data-test-id": testId,
children: icon2
});
return /* @__PURE__ */ jsx("div", { className: classes, ...props, "data-test-id": testId, children: icon2 });
};
const StatusIcon = ({
kind,
size = "medium",
...rest
}) => {
const StatusIcon = ({ kind, size = "medium", ...rest }) => {
let name;

@@ -155,9 +137,3 @@ let ariaLabel;

}
return /* @__PURE__ */ jsx(Icon, {
"aria-label": `${ariaLabel} icon`,
role: "img",
size,
...rest,
name
});
return /* @__PURE__ */ jsx(Icon, { "aria-label": `${ariaLabel} icon`, role: "img", size, ...rest, name });
};

@@ -164,0 +140,0 @@ export {

@@ -7,5 +7,3 @@ require('./style.css');

const react = require("react");
const IconContext = /* @__PURE__ */ react.createContext({
path: void 0
});
const IconContext = /* @__PURE__ */ react.createContext({ path: void 0 });
const icon = "_icon_1owge_1";

@@ -71,11 +69,8 @@ const subtle = "_subtle_1owge_9";

const descriptionId = description && `${prefix}-${name}-description`;
const {
path: contextPath
} = react.useContext(IconContext);
const { path: contextPath } = react.useContext(IconContext);
const iconId = `lp-icon-${name}`;
const spritePath = contextPath === void 0 ? "/static/sprite.svg" : contextPath;
return /* @__PURE__ */ jsxRuntime.jsx("span", {
"data-test-id": testId,
className: classes,
children: /* @__PURE__ */ jsxRuntime.jsxs("svg", {
return /* @__PURE__ */ jsxRuntime.jsx("span", { "data-test-id": testId, className: classes, children: /* @__PURE__ */ jsxRuntime.jsxs(
"svg",
{
"aria-hidden": isAriaHidden,

@@ -88,13 +83,9 @@ "aria-label": ariaLabel,

...props,
children: [title && /* @__PURE__ */ jsxRuntime.jsx("title", {
id: titleId,
children: title
}), description && /* @__PURE__ */ jsxRuntime.jsx("desc", {
id: descriptionId,
children: description
}), /* @__PURE__ */ jsxRuntime.jsx("use", {
href: `${spritePath}#${iconId}`
})]
})
});
children: [
title && /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }),
description && /* @__PURE__ */ jsxRuntime.jsx("desc", { id: descriptionId, children: description }),
/* @__PURE__ */ jsxRuntime.jsx("use", { href: `${spritePath}#${iconId}` })
]
}
) });
};

@@ -120,14 +111,5 @@ const FlairIcon = ({

const classes = classix.cx(styles.flairIconContainer, styles[gradient], isRounded2 && styles.isRounded);
return /* @__PURE__ */ jsxRuntime.jsx("div", {
className: classes,
...props,
"data-test-id": testId,
children: icon2
});
return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes, ...props, "data-test-id": testId, children: icon2 });
};
const StatusIcon = ({
kind,
size = "medium",
...rest
}) => {
const StatusIcon = ({ kind, size = "medium", ...rest }) => {
let name;

@@ -157,9 +139,3 @@ let ariaLabel;

}
return /* @__PURE__ */ jsxRuntime.jsx(Icon, {
"aria-label": `${ariaLabel} icon`,
role: "img",
size,
...rest,
name
});
return /* @__PURE__ */ jsxRuntime.jsx(Icon, { "aria-label": `${ariaLabel} icon`, role: "img", size, ...rest, name });
};

@@ -166,0 +142,0 @@ exports.FlairIcon = FlairIcon;

@@ -1,2 +0,2 @@

declare const icons: readonly ["a-to-b", "add", "add-circle", "add-circle-outline", "alert-rhombus", "analyze", "application", "application-plus", "approval-applied", "approval-approved", "approval-denied", "approval-pending", "approvals", "arrow-connect", "arrow-connect-star", "arrow-connect-star-outline", "arrow-down-thin", "arrow-left-thin", "arrow-right-thin", "arrow-up-thin", "arrow-undo", "arrow-up-right-circle", "arrow-up-right-circle-outline", "article", "border-all", "brain", "building", "building-arrow-up-right", "building-gear", "bullhorn", "bullseye", "bullseye-arrow", "calendar", "calendar-cancel", "calendar-schedule", "cancel", "cancel-circle", "cancel-circle-outline", "caret-down", "caret-left", "caret-right", "caret-up", "change-history", "chart-area", "chart-pie", "chart-venn", "chat-bubble", "check", "check-circle", "check-circle-outline", "checklist", "chevron-down", "chevron-left", "chevrons-left", "chevron-right", "chevrons-right", "chevron-up", "chevrons-in", "chevrons-out", "circle", "circle-dashed", "circle-outline", "circles", "click", "clipboard-edit", "clock", "clock-alert", "clock-history", "code-circle", "code-circle-outline", "confetti", "copy-clipboard", "copy-code", "copy-content", "credit-card", "delete", "dependency", "device-desktop", "device-mobile", "device-server", "devices", "diamond", "diamond-outline", "document-question", "door-exit", "download", "edit", "edit-circle", "equal-circle", "extension", "filter", "filter-list", "filter-tune", "fingerprint", "flag", "flag-outline", "flask", "folders", "forward", "gear", "gear-outline", "group", "group-outline", "half-circle", "help", "help-circle", "help-circle-outline", "hub", "id-card", "inbox", "inbox-outline", "individual-target", "info", "info-circle", "info-circle-outline", "language", "link", "link-external", "list", "lock", "mail-question", "minus", "minus-circle", "minus-circle-outline", "money", "more-horiz", "more-vert", "network-cloud", "notifications", "notifications-outline", "notifications-add", "notifications-gear", "notifications-tilt", "pause", "person", "person-outline", "person-add", "person-check", "person-circle", "person-circle-outline", "person-gear", "person-off", "person-remove", "play", "play-circle", "play-circle-outline", "power", "preview", "progress", "progress-check", "pulse", "pulse-active", "quick-start", "robot", "ruler", "search", "shield-account", "shield-account-outline", "shield-alert", "shield-alert-outline", "shield-heart", "shield-heart-outline", "shield-key", "shield-key-outline", "sidebar-left-collapse", "sidebar-left-expand", "sort", "star", "star-circle", "star-outline", "status-active", "status-inactive", "status-launched", "status-new", "stop", "stop-circle", "stop-circle-outline", "swap-horiz", "swap-vertical", "sync", "theme-dark", "theme-light", "thumb-up", "toggle-off", "toggle-on", "triangle-square-circle", "verified", "visibility", "visibility-off", "warning", "warning-outline"];
declare const icons: readonly ["a-to-b", "add", "add-circle", "add-circle-outline", "alert-rhombus", "analyze", "application", "application-plus", "approval-applied", "approval-approved", "approval-denied", "approval-pending", "approvals", "arrow-connect", "arrow-connect-star", "arrow-connect-star-outline", "arrow-down-thin", "arrow-left-thin", "arrow-right-thin", "arrow-up-thin", "arrow-undo", "arrow-up-right-circle", "arrow-up-right-circle-outline", "article", "border-all", "brain", "building", "building-arrow-up-right", "building-gear", "bullhorn", "bullseye", "bullseye-arrow", "calendar", "calendar-cancel", "calendar-schedule", "cancel", "cancel-circle", "cancel-circle-outline", "caret-down", "caret-left", "caret-right", "caret-up", "change-history", "chart-area", "chart-pie", "chart-venn", "chat-bubble", "check", "check-circle", "check-circle-outline", "checklist", "chevron-down", "chevron-left", "chevrons-left", "chevron-right", "chevrons-right", "chevron-up", "chevrons-in", "chevrons-out", "circle", "circle-dashed", "circle-outline", "circles", "click", "clipboard-edit", "clock", "clock-alert", "clock-history", "code-circle", "code-circle-outline", "confetti", "copy-clipboard", "copy-code", "copy-content", "credit-card", "crown", "crown-outline", "delete", "dependency", "device-desktop", "device-mobile", "device-server", "devices", "diamond", "diamond-outline", "document-question", "door-exit", "download", "edit", "edit-circle", "equal-circle", "extension", "filter", "filter-list", "filter-tune", "fingerprint", "flag", "flag-outline", "flask", "folders", "forward", "gear", "gear-outline", "group", "group-outline", "half-circle", "help", "help-circle", "help-circle-outline", "hub", "id-card", "inbox", "inbox-outline", "individual-target", "info", "info-circle", "info-circle-outline", "language", "link", "link-external", "list", "lock", "mail-question", "minus", "minus-circle", "minus-circle-outline", "money", "more-horiz", "more-vert", "network-cloud", "notifications", "notifications-outline", "notifications-add", "notifications-gear", "notifications-tilt", "pause", "person", "person-outline", "person-add", "person-check", "person-circle", "person-circle-outline", "person-gear", "person-off", "person-remove", "play", "play-circle", "play-circle-outline", "power", "preview", "progress", "progress-check", "pulse", "pulse-active", "quick-start", "robot", "ruler", "search", "shield-account", "shield-account-outline", "shield-alert", "shield-alert-outline", "shield-heart", "shield-heart-outline", "shield-key", "shield-key-outline", "sidebar-left-collapse", "sidebar-left-expand", "sort", "star", "star-circle", "star-outline", "status-active", "status-inactive", "status-launched", "status-new", "stop", "stop-circle", "stop-circle-outline", "swap-horiz", "swap-vertical", "sync", "theme-dark", "theme-light", "thumb-up", "toggle-off", "toggle-on", "triangle-square-circle", "verified", "visibility", "visibility-off", "warning", "warning-outline"];
type IconName = (typeof icons)[number];

@@ -3,0 +3,0 @@ export type { IconName };

{
"name": "@launchpad-ui/icons",
"version": "0.14.9",
"version": "0.14.10",
"status": "beta",

@@ -31,3 +31,3 @@ "publishConfig": {

"classix": "2.1.17",
"@launchpad-ui/tokens": "~0.9.2"
"@launchpad-ui/tokens": "~0.9.3"
},

@@ -43,3 +43,3 @@ "peerDependencies": {

"scripts": {
"build": "vite build -c ../../vite.config.ts && tsc --project tsconfig.build.json && cp src/img/sprite.svg dist",
"build": "vite build -c ../../vite.config.mts && tsc --project tsconfig.build.json && cp src/img/sprite.svg dist",
"clean": "rm -rf dist",

@@ -46,0 +46,0 @@ "lint": "eslint '**/*.{ts,tsx,js}' && stylelint '**/*.css' --ignore-path ../../.stylelintignore",

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc