🚀 Socket Launch Week Day 5:Introducing Repository Access Permissions and Custom Roles.Learn more
Sign In

@clayui/icon

Package Overview
Dependencies
Maintainers
13
Versions
43
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@clayui/icon - npm Package Compare versions

Comparing version
3.144.1
to
3.157.0-alpha.1
+63
-35
lib/cjs/index.js
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
var __create = Object.create;
var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __getProtoOf = Object.getPrototypeOf;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
for (var name in all)
__defProp(target, name, { get: all[name], enumerable: true });
};
var __copyProps = (to, from, except, desc) => {
if (from && typeof from === "object" || typeof from === "function") {
for (let key of __getOwnPropNames(from))
if (!__hasOwnProp.call(to, key) && key !== except)
__defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
}
return to;
};
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
// If the importer is in node compatibility mode or this is not an ESM
// file that has been converted to a CommonJS file using a Babel-
// compatible transform (i.e. "__esModule" has not been set), then set
// "default" to the CommonJS "module.exports" for node compatibility.
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
mod
));
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var src_exports = {};
__export(src_exports, {
ClayIconSpriteContext: () => ClayIconSpriteContext,
default: () => src_default
});
exports.default = exports.ClayIconSpriteContext = void 0;
var _classnames = _interopRequireDefault(require("classnames"));
var _react = _interopRequireDefault(require("react"));
var _warning = _interopRequireDefault(require("warning"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
const ClayIconSpriteContext = exports.ClayIconSpriteContext = /*#__PURE__*/_react.default.createContext('');
const Icon = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
let {
className,
spritemap,
symbol,
...otherProps
} = _ref;
let spriteMapVal = _react.default.useContext(ClayIconSpriteContext);
if (spritemap) {
spriteMapVal = spritemap;
module.exports = __toCommonJS(src_exports);
var import_classnames = __toESM(require("classnames"));
var import_react = __toESM(require("react"));
var import_warning = __toESM(require("warning"));
const ClayIconSpriteContext = import_react.default.createContext("");
const Icon = import_react.default.forwardRef(
({ className, spritemap, symbol, ...otherProps }, ref) => {
let spriteMapVal = import_react.default.useContext(ClayIconSpriteContext);
if (spritemap) {
spriteMapVal = spritemap;
}
(0, import_warning.default)(
spriteMapVal,
"ClayIcon requires a `spritemap` via prop or ClayIconSpriteContext"
);
return /* @__PURE__ */ import_react.default.createElement(
"svg",
{
...otherProps,
className: (0, import_classnames.default)(
`lexicon-icon lexicon-icon-${symbol}`,
className
),
key: symbol,
ref,
role: "presentation"
},
/* @__PURE__ */ import_react.default.createElement("use", { href: `${spriteMapVal}#${symbol}` })
);
}
"production" !== "production" ? (0, _warning.default)(spriteMapVal, 'ClayIcon requires a `spritemap` via prop or ClayIconSpriteContext') : void 0;
return /*#__PURE__*/_react.default.createElement("svg", _extends({}, otherProps, {
className: (0, _classnames.default)(`lexicon-icon lexicon-icon-${symbol}`, className),
key: symbol,
ref: ref,
role: "presentation"
}), /*#__PURE__*/_react.default.createElement("use", {
href: `${spriteMapVal}#${symbol}`
}));
});
Icon.displayName = 'ClayIcon';
var _default = exports.default = Icon;
);
Icon.displayName = "ClayIcon";
var src_default = Icon;

@@ -1,33 +0,36 @@

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
/**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
*/
import classNames from 'classnames';
import React from 'react';
import warning from 'warning';
export const ClayIconSpriteContext = /*#__PURE__*/React.createContext('');
const Icon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
let {
className,
spritemap,
symbol,
...otherProps
} = _ref;
let spriteMapVal = React.useContext(ClayIconSpriteContext);
if (spritemap) {
spriteMapVal = spritemap;
import classNames from "classnames";
import React from "react";
import warning from "warning";
const ClayIconSpriteContext = React.createContext("");
const Icon = React.forwardRef(
({ className, spritemap, symbol, ...otherProps }, ref) => {
let spriteMapVal = React.useContext(ClayIconSpriteContext);
if (spritemap) {
spriteMapVal = spritemap;
}
warning(
spriteMapVal,
"ClayIcon requires a `spritemap` via prop or ClayIconSpriteContext"
);
return /* @__PURE__ */ React.createElement(
"svg",
{
...otherProps,
className: classNames(
`lexicon-icon lexicon-icon-${symbol}`,
className
),
key: symbol,
ref,
role: "presentation"
},
/* @__PURE__ */ React.createElement("use", { href: `${spriteMapVal}#${symbol}` })
);
}
"production" !== "production" ? warning(spriteMapVal, 'ClayIcon requires a `spritemap` via prop or ClayIconSpriteContext') : void 0;
return /*#__PURE__*/React.createElement("svg", _extends({}, otherProps, {
className: classNames(`lexicon-icon lexicon-icon-${symbol}`, className),
key: symbol,
ref: ref,
role: "presentation"
}), /*#__PURE__*/React.createElement("use", {
href: `${spriteMapVal}#${symbol}`
}));
});
Icon.displayName = 'ClayIcon';
export default Icon;
);
Icon.displayName = "ClayIcon";
var src_default = Icon;
export {
ClayIconSpriteContext,
src_default as default
};
/**
* SPDX-FileCopyrightText: © 2019 Liferay, Inc. <https://liferay.com>
* SPDX-License-Identifier: BSD-3-Clause
* SPDX-FileCopyrightText: (c) 2026 Liferay, Inc. https://liferay.com
* SPDX-License-Identifier: LGPL-2.1-or-later OR LicenseRef-Liferay-DXP-EULA-2.0.0-2023-06
*/

@@ -5,0 +5,0 @@ import React from 'react';

{
"name": "@clayui/icon",
"version": "3.144.1",
"browserslist": [
"extends browserslist-config-clay"
],
"dependencies": {
"classnames": "2.3.1",
"warning": "^4.0.3"
},
"description": "ClayIcon component",
"files": [
"lib"
],
"keywords": [
"clay",
"react"
],
"license": "BSD-3-Clause",
"main": "lib/cjs/index.js",
"name": "@clayui/icon",
"peerDependencies": {
"@clayui/css": "^3.157.0-alpha.1",
"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
},
"repository": "https://github.com/liferay/clay",
"main": "lib/cjs/index.js",
"scripts": {
"build": "yarn build:cjs && yarn build:esm",
"build:cjs": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=cjs --outdir=lib/cjs",
"build:esm": "cross-env NODE_ENV=production node ../build-package-esbuild.js --format=esm --outdir=lib/esm",
"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
"test": "jest --config ../../jest.config.js"
},
"version": "3.157.0-alpha.1",
"module": "lib/esm/index.js",

@@ -17,30 +43,3 @@ "exports": {

"types": "lib/index.d.ts",
"ts:main": "src/index.tsx",
"files": [
"lib"
],
"scripts": {
"build": "yarn build:cjs && yarn build:esm",
"build:cjs": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/cjs --extensions .ts,.tsx",
"build:esm": "cross-env NODE_ENV=production babel src --root-mode upward --out-dir lib/esm --extensions .ts,.tsx --env-name esm",
"buildTypes": "cross-env NODE_ENV=production tsc --project ./tsconfig.declarations.json",
"test": "jest --config ../../jest.config.js"
},
"keywords": [
"clay",
"react"
],
"dependencies": {
"classnames": "^2.2.6",
"warning": "^4.0.3"
},
"peerDependencies": {
"@clayui/css": "3.x",
"react": "^16.0.0 || ^17.0.0 || ^18.0.0",
"react-dom": "^16.0.0 || ^17.0.0 || ^18.0.0"
},
"browserslist": [
"extends browserslist-config-clay"
],
"gitHead": "96b1e589bb0777fb30d4fbe050ce7670c8061fe5"
"ts:main": "src/index.tsx"
}

@@ -5,5 +5,5 @@ # `@clayui/icon`

- [Documentation](https://clayui.com/docs/components/icon.html)
- [Changelog](./CHANGELOG.md)
- [Breaking change schedule](./BREAKING.md)
- [Documentation](https://clayui.com/docs/components/icon.html)
- [Changelog](./CHANGELOG.md)
- [Breaking change schedule](./BREAKING.md)

@@ -20,2 +20,2 @@ ## Install

We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.
We'd love to get contributions from you! Please, check our [Contributing Guidelines](https://github.com/liferay/clay/blob/master/CONTRIBUTING.md) to see how you can help us improve.