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

@react-md/icon

Package Overview
Dependencies
Maintainers
1
Versions
56
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@react-md/icon - npm Package Compare versions

Comparing version 5.0.0 to 5.1.0

12

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log

# [5.1.0](https://github.com/mlaursen/react-md/compare/v5.0.0...v5.1.0) (2022-03-18)
### Other Internal Changes
* run lint-scripts --fix for consistent-type-imports ([42d839d](https://github.com/mlaursen/react-md/commit/42d839d359922e0a8ee3775a75162b9755a2c2b6))
# [5.0.0](https://github.com/mlaursen/react-md/compare/v4.0.3...v5.0.0) (2022-01-31)

@@ -8,0 +20,0 @@

2

es/FontIcon.js

@@ -44,4 +44,4 @@ var __assign = (this && this.__assign) || function () {

"forced-size": forceSize,
}), iconClassName, className) }, { children: children }), void 0));
}), iconClassName, className) }, { children: children })));
});
//# sourceMappingURL=FontIcon.js.map

@@ -13,18 +13,18 @@ var __assign = (this && this.__assign) || function () {

import { jsx as _jsx } from "react/jsx-runtime";
import { createContext, useContext, useMemo, } from "react";
import { createContext, useContext, useMemo } from "react";
import { FontIcon } from "./FontIcon";
var DEFAULT_ICONS = {
back: _jsx(FontIcon, { children: "keyboard_arrow_left" }, void 0),
checkbox: _jsx(FontIcon, { children: "check_box" }, void 0),
upload: _jsx(FontIcon, { children: "file_upload" }, void 0),
dropdown: _jsx(FontIcon, { children: "arrow_drop_down" }, void 0),
error: _jsx(FontIcon, { children: "error_outline" }, void 0),
expander: _jsx(FontIcon, { children: "keyboard_arrow_down" }, void 0),
forward: _jsx(FontIcon, { children: "keyboard_arrow_right" }, void 0),
menu: _jsx(FontIcon, { children: "menu" }, void 0),
notification: _jsx(FontIcon, { children: "notifications" }, void 0),
password: _jsx(FontIcon, { children: "remove_red_eye" }, void 0),
radio: _jsx(FontIcon, { children: "radio_button_checked" }, void 0),
selected: _jsx(FontIcon, { children: "check" }, void 0),
sort: _jsx(FontIcon, { children: "arrow_upward" }, void 0),
back: _jsx(FontIcon, { children: "keyboard_arrow_left" }),
checkbox: _jsx(FontIcon, { children: "check_box" }),
upload: _jsx(FontIcon, { children: "file_upload" }),
dropdown: _jsx(FontIcon, { children: "arrow_drop_down" }),
error: _jsx(FontIcon, { children: "error_outline" }),
expander: _jsx(FontIcon, { children: "keyboard_arrow_down" }),
forward: _jsx(FontIcon, { children: "keyboard_arrow_right" }),
menu: _jsx(FontIcon, { children: "menu" }),
notification: _jsx(FontIcon, { children: "notifications" }),
password: _jsx(FontIcon, { children: "remove_red_eye" }),
radio: _jsx(FontIcon, { children: "radio_button_checked" }),
selected: _jsx(FontIcon, { children: "check" }),
sort: _jsx(FontIcon, { children: "arrow_upward" }),
};

@@ -90,4 +90,4 @@ var context = createContext(DEFAULT_ICONS);

]);
return _jsx(Provider, __assign({ value: value }, { children: children }), void 0);
return _jsx(Provider, __assign({ value: value }, { children: children }));
}
//# sourceMappingURL=IconProvider.js.map

@@ -24,3 +24,3 @@ var __assign = (this && this.__assign) || function () {

import { jsx as _jsx } from "react/jsx-runtime";
import { Children, cloneElement, forwardRef, isValidElement, } from "react";
import { Children, cloneElement, forwardRef, isValidElement } from "react";
import cn from "classnames";

@@ -42,4 +42,4 @@ import { bem } from "@react-md/utils";

}
return (_jsx("span", __assign({}, props, { style: style, className: className, ref: ref }, { children: children }), void 0));
return (_jsx("span", __assign({}, props, { style: style, className: className, ref: ref }, { children: children })));
});
//# sourceMappingURL=IconRotator.js.map

@@ -36,6 +36,6 @@ var __assign = (this && this.__assign) || function () {

if (!children && use) {
children = _jsx("use", { xlinkHref: use }, void 0);
children = _jsx("use", { xlinkHref: use });
}
return (_jsx("svg", __assign({}, props, { "aria-hidden": ariaHidden, ref: ref, className: cn(block({ svg: true, dense: dense }), className), focusable: focusable, xmlns: xmlns, viewBox: viewBox }, { children: children }), void 0));
return (_jsx("svg", __assign({}, props, { "aria-hidden": ariaHidden, ref: ref, className: cn(block({ svg: true, dense: dense }), className), focusable: focusable, xmlns: xmlns, viewBox: viewBox }, { children: children })));
});
//# sourceMappingURL=SVGIcon.js.map

@@ -13,3 +13,3 @@ var __assign = (this && this.__assign) || function () {

import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Children, cloneElement, isValidElement, } from "react";
import { Children, cloneElement, isValidElement } from "react";
import cn from "classnames";

@@ -20,3 +20,3 @@ export function TextIconSpacing(_a) {

if (!propIcon) {
return _jsx(_Fragment, { children: children }, void 0);
return _jsx(_Fragment, { children: children });
}

@@ -39,9 +39,9 @@ var isAfter = flexReverse ? !iconAfter : iconAfter;

else if (propIcon) {
iconEl = (_jsx("span", __assign({ className: cn("rmd-text-icon-spacing", baseClassName) }, { children: propIcon }), void 0));
iconEl = (_jsx("span", __assign({ className: cn("rmd-text-icon-spacing", baseClassName) }, { children: propIcon })));
}
if (iconEl) {
content = (_jsxs(_Fragment, { children: [!iconAfter && iconEl, children, iconAfter && iconEl] }, void 0));
content = (_jsxs(_Fragment, { children: [!iconAfter && iconEl, children, iconAfter && iconEl] }));
}
return _jsx(_Fragment, { children: content }, void 0);
return _jsx(_Fragment, { children: content });
}
//# sourceMappingURL=TextIconSpacing.js.map

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

import { HTMLAttributes, ReactNode } from "react";
import type { HTMLAttributes, ReactNode } from "react";
export interface FontIconProps extends HTMLAttributes<HTMLElement> {

@@ -3,0 +3,0 @@ /**

@@ -50,4 +50,4 @@ "use strict";

"forced-size": forceSize,
}), iconClassName, className) }, { children: children }), void 0));
}), iconClassName, className) }, { children: children })));
});
//# sourceMappingURL=FontIcon.js.map

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

import { ReactElement, ReactNode } from "react";
import type { ReactElement, ReactNode } from "react";
/**

@@ -3,0 +3,0 @@ * @remarks \@since 5.0.0 The `download` icon has been renamed to `upload`.

@@ -19,15 +19,15 @@ "use strict";

var DEFAULT_ICONS = {
back: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "keyboard_arrow_left" }, void 0),
checkbox: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "check_box" }, void 0),
upload: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "file_upload" }, void 0),
dropdown: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "arrow_drop_down" }, void 0),
error: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "error_outline" }, void 0),
expander: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "keyboard_arrow_down" }, void 0),
forward: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "keyboard_arrow_right" }, void 0),
menu: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "menu" }, void 0),
notification: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "notifications" }, void 0),
password: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "remove_red_eye" }, void 0),
radio: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "radio_button_checked" }, void 0),
selected: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "check" }, void 0),
sort: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "arrow_upward" }, void 0),
back: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "keyboard_arrow_left" }),
checkbox: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "check_box" }),
upload: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "file_upload" }),
dropdown: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "arrow_drop_down" }),
error: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "error_outline" }),
expander: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "keyboard_arrow_down" }),
forward: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "keyboard_arrow_right" }),
menu: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "menu" }),
notification: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "notifications" }),
password: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "remove_red_eye" }),
radio: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "radio_button_checked" }),
selected: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "check" }),
sort: (0, jsx_runtime_1.jsx)(FontIcon_1.FontIcon, { children: "arrow_upward" }),
};

@@ -94,5 +94,5 @@ var context = (0, react_1.createContext)(DEFAULT_ICONS);

]);
return (0, jsx_runtime_1.jsx)(Provider, __assign({ value: value }, { children: children }), void 0);
return (0, jsx_runtime_1.jsx)(Provider, __assign({ value: value }, { children: children }));
}
exports.IconProvider = IconProvider;
//# sourceMappingURL=IconProvider.js.map

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

import { CSSProperties, HTMLAttributes, ReactNode } from "react";
import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
export interface IconRotatorBaseProps extends HTMLAttributes<HTMLSpanElement> {

@@ -3,0 +3,0 @@ /**

@@ -47,4 +47,4 @@ "use strict";

}
return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { style: style, className: className, ref: ref }, { children: children }), void 0));
return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { style: style, className: className, ref: ref }, { children: children })));
});
//# sourceMappingURL=IconRotator.js.map
"use strict";
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
if (k2 === undefined) k2 = k;
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
var desc = Object.getOwnPropertyDescriptor(m, k);
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
desc = { enumerable: true, get: function() { return m[k]; } };
}
Object.defineProperty(o, k2, desc);
}) : (function(o, m, k, k2) {

@@ -6,0 +10,0 @@ if (k2 === undefined) k2 = k;

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

import { HTMLAttributes, ReactNode } from "react";
import type { HTMLAttributes, ReactNode } from "react";
export interface SVGIconProps extends HTMLAttributes<SVGSVGElement> {

@@ -3,0 +3,0 @@ /**

@@ -42,6 +42,6 @@ "use strict";

if (!children && use) {
children = (0, jsx_runtime_1.jsx)("use", { xlinkHref: use }, void 0);
children = (0, jsx_runtime_1.jsx)("use", { xlinkHref: use });
}
return ((0, jsx_runtime_1.jsx)("svg", __assign({}, props, { "aria-hidden": ariaHidden, ref: ref, className: (0, classnames_1.default)(block({ svg: true, dense: dense }), className), focusable: focusable, xmlns: xmlns, viewBox: viewBox }, { children: children }), void 0));
return ((0, jsx_runtime_1.jsx)("svg", __assign({}, props, { "aria-hidden": ariaHidden, ref: ref, className: (0, classnames_1.default)(block({ svg: true, dense: dense }), className), focusable: focusable, xmlns: xmlns, viewBox: viewBox }, { children: children })));
});
//# sourceMappingURL=SVGIcon.js.map

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

import { ReactElement, ReactNode } from "react";
import type { ReactElement, ReactNode } from "react";
export interface TextIconSpacingProps {

@@ -3,0 +3,0 @@ /**

@@ -25,3 +25,3 @@ "use strict";

if (!propIcon) {
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
}

@@ -44,10 +44,10 @@ var isAfter = flexReverse ? !iconAfter : iconAfter;

else if (propIcon) {
iconEl = ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)("rmd-text-icon-spacing", baseClassName) }, { children: propIcon }), void 0));
iconEl = ((0, jsx_runtime_1.jsx)("span", __assign({ className: (0, classnames_1.default)("rmd-text-icon-spacing", baseClassName) }, { children: propIcon })));
}
if (iconEl) {
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!iconAfter && iconEl, children, iconAfter && iconEl] }, void 0));
content = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!iconAfter && iconEl, children, iconAfter && iconEl] }));
}
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: content }, void 0);
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: content });
}
exports.TextIconSpacing = TextIconSpacing;
//# sourceMappingURL=TextIconSpacing.js.map
{
"name": "@react-md/icon",
"version": "5.0.0",
"version": "5.1.0",
"description": "This package is for including icons within react-md. There is included support for both font icons and SVG icons. There is also a helper component for applying spacing between icons and text.",

@@ -33,5 +33,5 @@ "main": "./lib/index.js",

"dependencies": {
"@react-md/theme": "^5.0.0",
"@react-md/typography": "^5.0.0",
"@react-md/utils": "^5.0.0",
"@react-md/theme": "^5.1.0",
"@react-md/typography": "^5.1.0",
"@react-md/utils": "^5.1.0",
"classnames": "^2.3.1"

@@ -58,3 +58,3 @@ },

},
"gitHead": "a67e871627db20ca8ee4b672f6e99f2f7f438c96"
"gitHead": "d2446029706ae96aada0131f93ed7c1adcc14d70"
}

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

import { HTMLAttributes, ReactNode } from "react";
import type { HTMLAttributes, ReactNode } from "react";
export interface FontIconProps extends HTMLAttributes<HTMLElement> {

@@ -3,0 +3,0 @@ /**

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

import { ReactElement, ReactNode } from "react";
import type { ReactElement, ReactNode } from "react";
/**

@@ -3,0 +3,0 @@ * @remarks \@since 5.0.0 The `download` icon has been renamed to `upload`.

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

import { CSSProperties, HTMLAttributes, ReactNode } from "react";
import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
export interface IconRotatorBaseProps extends HTMLAttributes<HTMLSpanElement> {

@@ -3,0 +3,0 @@ /**

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

import { HTMLAttributes, ReactNode } from "react";
import type { HTMLAttributes, ReactNode } from "react";
export interface SVGIconProps extends HTMLAttributes<SVGSVGElement> {

@@ -3,0 +3,0 @@ /**

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

import { ReactElement, ReactNode } from "react";
import type { ReactElement, ReactNode } from "react";
export interface TextIconSpacingProps {

@@ -3,0 +3,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

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

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