@blueprintjs/icons
Version:
Components, fonts, icons, and css files for creating and displaying icons.
54 lines • 2.5 kB
JavaScript
/*
* Copyright 2023 Palantir Technologies, Inc. All rights reserved.
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import classNames from "classnames";
import * as React from "react";
import * as Classes from "./classes";
import { IconSize } from "./iconTypes";
import { uniqueId } from "./jsUtils";
// eslint-disable-next-line prefer-arrow-callback
export const SVGIconContainer = React.forwardRef(function (props, ref) {
const { children, className, color, htmlTitle, iconName, size = IconSize.STANDARD, svgProps, tagName = "span", title, ...htmlProps } = props;
const isLarge = size >= IconSize.LARGE;
const pixelGridSize = isLarge ? IconSize.LARGE : IconSize.STANDARD;
const viewBox = `0 0 ${pixelGridSize} ${pixelGridSize}`;
const titleId = uniqueId("iconTitle");
const sharedSvgProps = {
fill: color,
height: size,
role: "img",
viewBox,
width: size,
...svgProps,
};
if (tagName === null) {
return (React.createElement("svg", { "aria-labelledby": title ? titleId : undefined, "data-icon": iconName, ref: ref, ...sharedSvgProps, ...htmlProps, className: classNames(className, svgProps?.className) },
title && React.createElement("title", { id: titleId }, title),
children));
}
else {
// N.B. styles for `Classes.ICON` are defined in @blueprintjs/core in `_icon.scss`
return React.createElement(tagName, {
"aria-hidden": title ? undefined : true,
...htmlProps,
className: classNames(Classes.ICON, `${Classes.ICON}-${iconName}`, className),
ref,
title: htmlTitle,
}, React.createElement("svg", { "data-icon": iconName, ...sharedSvgProps, className: svgProps?.className },
title && React.createElement("title", null, title),
children));
}
});
SVGIconContainer.displayName = "Blueprint5.SVGIconContainer";
//# sourceMappingURL=svgIconContainer.js.map