Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@pikas-ui/icons

Package Overview
Dependencies
Maintainers
1
Versions
104
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@pikas-ui/icons - npm Package Compare versions

Comparing version 3.2.1 to 3.3.0

6

dist/customIcon/CustomIcon.d.ts

@@ -1,10 +0,10 @@

import { PikasConfig } from '@pikas-ui/styles';
import React from 'react';
import { IconProps } from '../types.js';
import '@pikas-ui/styles';
interface CustomIconProps<Config extends PikasConfig = PikasConfig> extends IconProps<Config> {
interface CustomIconProps extends IconProps {
children?: React.ReactNode;
}
declare const CustomIcon: <Config extends PikasConfig = PikasConfig>({ children, className, colorName, colorHex, onClick, size, css, }: CustomIconProps<Config>) => JSX.Element;
declare const CustomIcon: React.FC<CustomIconProps>;
export { CustomIcon, CustomIconProps };

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

"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _jsxruntime = require('react/jsx-runtime');var _styles = require('@pikas-ui/styles');const c=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center"}),m= exports.CustomIcon =({children:e,className:i,colorName:o,colorHex:s,onClick:r,size:n,css:t})=>_jsxruntime.jsx.call(void 0, c,{onClick:r,className:i,css:{..._optionalChain([t, 'optionalAccess', _ => _.container]),svg:{width:n,height:n,color:(o?`$${o}`:void 0)||s,..._optionalChain([t, 'optionalAccess', _2 => _2.svg])}},children:e});exports.CustomIcon = m;
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }var _jsxruntime = require('react/jsx-runtime');var _styles = require('@pikas-ui/styles');const p=_styles.styled.call(void 0, "div",{display:"flex",alignItems:"center",justifyContent:"center"}),f= exports.CustomIcon =({children:n,className:r,colorName:t,colorHex:c,onClick:s,size:o,css:e})=>_jsxruntime.jsx.call(void 0, p,{onClick:s,className:r,css:{..._optionalChain([e, 'optionalAccess', _ => _.container]),svg:{width:o,height:o,color:(t?`$${t}`:void 0)||c,..._optionalChain([e, 'optionalAccess', _2 => _2.svg])}},children:n});exports.CustomIcon = f;
//# sourceMappingURL=CustomIcon.js.map
export { CustomIcon, CustomIconProps } from './CustomIcon.js';
import '@pikas-ui/styles';
import 'react';
import '../types.js';
import '@pikas-ui/styles';
import { IconProps } from '../types.js';
import { PikasConfig } from '@pikas-ui/styles';
import '@pikas-ui/styles';
interface IconByNameProps<Config extends PikasConfig = PikasConfig> extends IconProps<Config> {
interface IconByNameProps extends IconProps {
name: string;
}
declare const IconByName: <Config extends PikasConfig = PikasConfig>({ name, ...props }: IconByNameProps<Config>) => JSX.Element;
declare const IconByName: React.FC<IconByNameProps>;
export { IconByName, IconByNameProps };

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

"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');var _react = require('@iconify/react');var _customIcon = require('../customIcon');const r=({name:n,...i})=>_jsxruntime.jsx.call(void 0, _customIcon.CustomIcon,{...i,children:_jsxruntime.jsx.call(void 0, _react.Icon,{icon:n})});exports.IconByName = r;
"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _jsxruntime = require('react/jsx-runtime');var _react = require('@iconify/react');var _customIcon = require('../customIcon');const p=({name:n,...r})=>_jsxruntime.jsx.call(void 0, _customIcon.CustomIcon,{...r,children:_jsxruntime.jsx.call(void 0, _react.Icon,{icon:n})});exports.IconByName = p;
//# sourceMappingURL=IconByName.js.map
export { CustomIcon, CustomIconProps } from './customIcon/CustomIcon.js';
export { IconByName, IconByNameProps } from './iconByName/IconByName.js';
export { IconCSS, IconProps } from './types.js';
import 'react';
import '@pikas-ui/styles';
import 'react';

@@ -1,12 +0,12 @@

import { PikasConfig } from '@pikas-ui/styles';
import { PikasCSS, PikasColor } from '@pikas-ui/styles';
interface IconCSS<Config extends PikasConfig = PikasConfig> {
container?: Config['css'];
svg?: Config['css'];
interface IconCSS {
container?: PikasCSS;
svg?: PikasCSS;
}
interface IconProps<Config extends PikasConfig = PikasConfig> {
interface IconProps {
className?: string;
size?: number | string;
css?: IconCSS<Config>;
colorName?: Config['color'];
css?: IconCSS;
colorName?: PikasColor;
colorHex?: string;

@@ -13,0 +13,0 @@ onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;

{
"name": "@pikas-ui/icons",
"version": "3.2.1",
"version": "3.3.0",
"private": false,

@@ -43,3 +43,3 @@ "keywords": [

"@iconify/react": "4.0.0",
"@pikas-ui/styles": "3.4.1",
"@pikas-ui/styles": "3.5.0",
"iconify-icon": "1.0.1"

@@ -46,0 +46,0 @@ },

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

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