@react-md/icon
Advanced tools
Comparing version 5.0.0 to 5.1.0
@@ -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 @@ |
@@ -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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
146024
1849
Updated@react-md/theme@^5.1.0
Updated@react-md/typography@^5.1.0
Updated@react-md/utils@^5.1.0