@fremtind/jkl-icons-react
Advanced tools
Comparing version 6.0.11 to 7.0.0
@@ -7,3 +7,4 @@ import { FC } from "react"; | ||
variant?: IconVariant; | ||
bold?: boolean; | ||
} | ||
export declare const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps>; |
@@ -7,6 +7,7 @@ /// <reference types="react" /> | ||
variant?: IconVariant; | ||
bold?: boolean; | ||
} | ||
export declare const ArrowVerticalAnimated: { | ||
({ className, pointingDown, variant, ...rest }: ArrowVerticalAnimatedProps): JSX.Element; | ||
({ className, pointingDown, variant, bold, ...rest }: ArrowVerticalAnimatedProps): JSX.Element; | ||
displayName: string; | ||
}; |
@@ -7,5 +7,4 @@ import { FC } from "react"; | ||
variant?: IconVariant; | ||
plusTitle?: string; | ||
closeTitle?: string; | ||
bold?: boolean; | ||
} | ||
export declare const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps>; |
@@ -32,14 +32,12 @@ "use strict"; | ||
var import_react = __toESM(require("react")); | ||
var import_ArrowLeft = require("../icons/ArrowLeft"); | ||
var import_ArrowRight = require("../icons/ArrowRight"); | ||
var import_ArrowLeftIcon = require("../icons/arrow-left/ArrowLeftIcon"); | ||
var import_ArrowRightIcon = require("../icons/arrow-right/ArrowRightIcon"); | ||
const ArrowHorizontalAnimated = ({ | ||
className, | ||
pointingRight, | ||
variant = "small", | ||
variant = "inherit", | ||
bold = false, | ||
...rest | ||
}) => { | ||
const iconSize = variant !== "inherit" ? variant : "small"; | ||
return /* @__PURE__ */ import_react.default.createElement("div", { ...rest, className: (0, import_classnames.default)(`jkl-icon--${iconSize}`, "jkl-animated-horizontal-arrows", className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "jkl-animated-horizontal-arrows__slider", "data-show": pointingRight ? "right" : "left" }, /* @__PURE__ */ import_react.default.createElement(import_ArrowRight.ArrowRight, { variant: iconSize }), /* @__PURE__ */ import_react.default.createElement(import_ArrowLeft.ArrowLeft, { variant: iconSize }))); | ||
}; | ||
}) => /* @__PURE__ */ import_react.default.createElement("div", { ...rest, className: (0, import_classnames.default)(`jkl-icon jkl-icon--${variant}`, "jkl-animated-horizontal-arrows", className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "jkl-animated-horizontal-arrows__slider", "data-show": pointingRight ? "right" : "left" }, /* @__PURE__ */ import_react.default.createElement(import_ArrowRightIcon.ArrowRightIcon, { className: "jkl-animated-horizontal-arrows__arrow", variant, bold }), /* @__PURE__ */ import_react.default.createElement(import_ArrowLeftIcon.ArrowLeftIcon, { className: "jkl-animated-horizontal-arrows__arrow", variant, bold }))); | ||
ArrowHorizontalAnimated.displayName = "ArrowHorizontalAnimated"; | ||
//# sourceMappingURL=ArrowHorizontalAnimated.js.map |
@@ -32,14 +32,12 @@ "use strict"; | ||
var import_react = __toESM(require("react")); | ||
var import_ArrowDown = require("../icons/ArrowDown"); | ||
var import_ArrowUp = require("../icons/ArrowUp"); | ||
var import_ArrowDownIcon = require("../icons/arrow-down/ArrowDownIcon"); | ||
var import_ArrowUpIcon = require("../icons/arrow-up/ArrowUpIcon"); | ||
const ArrowVerticalAnimated = ({ | ||
className = "", | ||
className, | ||
pointingDown, | ||
variant = "small", | ||
variant = "inherit", | ||
bold = false, | ||
...rest | ||
}) => { | ||
const iconSize = variant !== "inherit" ? variant : "small"; | ||
return /* @__PURE__ */ import_react.default.createElement("div", { ...rest, className: (0, import_classnames.default)(`jkl-icon--${iconSize}`, "jkl-animated-vertical-arrows", className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "jkl-animated-vertical-arrows__slider", "data-show": pointingDown ? "down" : "up" }, /* @__PURE__ */ import_react.default.createElement(import_ArrowDown.ArrowDown, { variant: iconSize }), /* @__PURE__ */ import_react.default.createElement(import_ArrowUp.ArrowUp, { variant: iconSize }))); | ||
}; | ||
}) => /* @__PURE__ */ import_react.default.createElement("div", { ...rest, className: (0, import_classnames.default)(`jkl-icon jkl-icon--${variant}`, "jkl-animated-vertical-arrows", className) }, /* @__PURE__ */ import_react.default.createElement("div", { className: "jkl-animated-vertical-arrows__slider", "data-show": pointingDown ? "down" : "up" }, /* @__PURE__ */ import_react.default.createElement(import_ArrowDownIcon.ArrowDownIcon, { className: "jkl-animated-vertical-arrows__arrow", variant, bold }), /* @__PURE__ */ import_react.default.createElement(import_ArrowUpIcon.ArrowUpIcon, { className: "jkl-animated-vertical-arrows__arrow", variant, bold }))); | ||
ArrowVerticalAnimated.displayName = "ArrowVerticalAnimated"; | ||
//# sourceMappingURL=ArrowVerticalAnimated.js.map |
@@ -32,34 +32,18 @@ "use strict"; | ||
var import_react = __toESM(require("react")); | ||
var import_Plus = require("../icons/Plus"); | ||
var import_PlusIcon = require("../icons/plus/PlusIcon"); | ||
const PlusRemoveAnimated = ({ | ||
className, | ||
isPlus, | ||
variant = "small", | ||
plusTitle = "pluss", | ||
closeTitle = "lukk", | ||
variant = "inherit", | ||
bold = false, | ||
...rest | ||
}) => { | ||
const iconSize = variant !== "inherit" ? variant : "small"; | ||
return /* @__PURE__ */ import_react.default.createElement( | ||
"div", | ||
{ | ||
...rest, | ||
className: (0, import_classnames.default)( | ||
`jkl-icon--${iconSize}`, | ||
"jkl-icons-animated__plus", | ||
`jkl-icons-animated__plus--${isPlus ? "plus" : "close"}`, | ||
className | ||
) | ||
}, | ||
/* @__PURE__ */ import_react.default.createElement( | ||
import_Plus.Plus, | ||
{ | ||
variant: iconSize, | ||
title: isPlus ? plusTitle : closeTitle, | ||
description: `Ikon av ${isPlus ? plusTitle : closeTitle}tegn` | ||
} | ||
) | ||
); | ||
}; | ||
}) => /* @__PURE__ */ import_react.default.createElement("div", { ...rest, className: (0, import_classnames.default)("jkl-icon", `jkl-icon--${variant}`, className) }, /* @__PURE__ */ import_react.default.createElement( | ||
import_PlusIcon.PlusIcon, | ||
{ | ||
variant, | ||
bold, | ||
className: (0, import_classnames.default)("jkl-icons-animated__plus", `jkl-icons-animated__plus--${isPlus ? "plus" : "close"}`) | ||
} | ||
)); | ||
PlusRemoveAnimated.displayName = "PlusRemoveAnimated"; | ||
//# sourceMappingURL=PlusRemoveAnimated.js.map |
@@ -27,25 +27,14 @@ "use strict"; | ||
__export(IconFactory_exports, { | ||
IconFactory: () => IconFactory | ||
makeIconComponent: () => makeIconComponent | ||
}); | ||
module.exports = __toCommonJS(IconFactory_exports); | ||
var import_classnames = __toESM(require("classnames")); | ||
var import_react = __toESM(require("react")); | ||
const IconFactory = ({ | ||
viewBox = "0 0 20 21", | ||
variant = "inherit", | ||
className = "", | ||
innerSvg, | ||
...rest | ||
}) => /* @__PURE__ */ import_react.default.createElement( | ||
"svg", | ||
{ | ||
...rest, | ||
className: `jkl-icon jkl-icon--${variant} ${className}`, | ||
width: "100%", | ||
viewBox, | ||
fill: "none", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
"aria-hidden": true | ||
}, | ||
innerSvg | ||
); | ||
const makeIconComponent = (variants) => { | ||
const Icon = ({ bold = false, className, variant = "inherit", ...rest }) => { | ||
const IconComponent = variants[bold ? "bold" : "regular"][variant]; | ||
return /* @__PURE__ */ import_react.default.createElement(IconComponent, { className: (0, import_classnames.default)(className, "jkl-icon", `jkl-icon--${variant}`), ...rest }); | ||
}; | ||
return Icon; | ||
}; | ||
//# sourceMappingURL=IconFactory.js.map |
@@ -21,42 +21,54 @@ "use strict"; | ||
__export(src_exports, { | ||
ArrowDown: () => import_ArrowDown.ArrowDown, | ||
ArrowDownIcon: () => import_ArrowDownIcon.ArrowDownIcon, | ||
ArrowHorizontalAnimated: () => import_ArrowHorizontalAnimated.ArrowHorizontalAnimated, | ||
ArrowLeft: () => import_ArrowLeft.ArrowLeft, | ||
ArrowRight: () => import_ArrowRight.ArrowRight, | ||
ArrowUp: () => import_ArrowUp.ArrowUp, | ||
ArrowUpRight: () => import_ArrowUpRight.ArrowUpRight, | ||
ArrowLeftIcon: () => import_ArrowLeftIcon.ArrowLeftIcon, | ||
ArrowNorthEastIcon: () => import_ArrowNorthEastIcon.ArrowNorthEastIcon, | ||
ArrowRightIcon: () => import_ArrowRightIcon.ArrowRightIcon, | ||
ArrowUpIcon: () => import_ArrowUpIcon.ArrowUpIcon, | ||
ArrowVerticalAnimated: () => import_ArrowVerticalAnimated.ArrowVerticalAnimated, | ||
Calendar: () => import_Calendar.Calendar, | ||
CheckMark: () => import_CheckMark.CheckMark, | ||
Close: () => import_Close.Close, | ||
Error: () => import_Error.Error, | ||
Hamburger: () => import_Hamburger.Hamburger, | ||
HamburgerCloseAnimated: () => import_HamburgerCloseAnimated.HamburgerCloseAnimated, | ||
Info: () => import_Info.Info, | ||
Plus: () => import_Plus.Plus, | ||
CalendarIcon: () => import_CalendarIcon.CalendarIcon, | ||
CheckIcon: () => import_CheckIcon.CheckIcon, | ||
ChevronDownIcon: () => import_ChevronDownIcon.ChevronDownIcon, | ||
ChevronLeftIcon: () => import_ChevronLeftIcon.ChevronLeftIcon, | ||
ChevronRightIcon: () => import_ChevronRightIcon.ChevronRightIcon, | ||
ChevronUpIcon: () => import_ChevronUpIcon.ChevronUpIcon, | ||
CloseIcon: () => import_CloseIcon.CloseIcon, | ||
CopyIcon: () => import_CopyIcon.CopyIcon, | ||
DotsIcon: () => import_DotsIcon.DotsIcon, | ||
ErrorIcon: () => import_ErrorIcon.ErrorIcon, | ||
HamburgerIcon: () => import_HamburgerIcon.HamburgerIcon, | ||
InfoIcon: () => import_InfoIcon.InfoIcon, | ||
PlusIcon: () => import_PlusIcon.PlusIcon, | ||
PlusRemoveAnimated: () => import_PlusRemoveAnimated.PlusRemoveAnimated, | ||
Search: () => import_Search.Search, | ||
Success: () => import_Success.Success, | ||
Warning: () => import_Warning.Warning | ||
QuestionIcon: () => import_QuestionIcon.QuestionIcon, | ||
SearchIcon: () => import_SearchIcon.SearchIcon, | ||
SuccessIcon: () => import_SuccessIcon.SuccessIcon, | ||
WarningIcon: () => import_WarningIcon.WarningIcon | ||
}); | ||
module.exports = __toCommonJS(src_exports); | ||
var import_CheckMark = require("./icons/CheckMark"); | ||
var import_Close = require("./icons/Close"); | ||
var import_Plus = require("./icons/Plus"); | ||
var import_Search = require("./icons/Search"); | ||
var import_Hamburger = require("./icons/Hamburger"); | ||
var import_Calendar = require("./icons/Calendar"); | ||
var import_ArrowUpRight = require("./icons/ArrowUpRight"); | ||
var import_ArrowUp = require("./icons/ArrowUp"); | ||
var import_ArrowDown = require("./icons/ArrowDown"); | ||
var import_ArrowRight = require("./icons/ArrowRight"); | ||
var import_ArrowLeft = require("./icons/ArrowLeft"); | ||
var import_Info = require("./icons/Info"); | ||
var import_Success = require("./icons/Success"); | ||
var import_Warning = require("./icons/Warning"); | ||
var import_Error = require("./icons/Error"); | ||
var import_ArrowVerticalAnimated = require("./animated-icons/ArrowVerticalAnimated"); | ||
var import_ArrowHorizontalAnimated = require("./animated-icons/ArrowHorizontalAnimated"); | ||
var import_PlusRemoveAnimated = require("./animated-icons/PlusRemoveAnimated"); | ||
var import_HamburgerCloseAnimated = require("./animated-icons/HamburgerCloseAnimated"); | ||
var import_ArrowDownIcon = require("./icons/arrow-down/ArrowDownIcon"); | ||
var import_ArrowLeftIcon = require("./icons/arrow-left/ArrowLeftIcon"); | ||
var import_ArrowNorthEastIcon = require("./icons/arrow-north-east/ArrowNorthEastIcon"); | ||
var import_ArrowRightIcon = require("./icons/arrow-right/ArrowRightIcon"); | ||
var import_ArrowUpIcon = require("./icons/arrow-up/ArrowUpIcon"); | ||
var import_CalendarIcon = require("./icons/calendar/CalendarIcon"); | ||
var import_CheckIcon = require("./icons/check/CheckIcon"); | ||
var import_ChevronDownIcon = require("./icons/chevron-down/ChevronDownIcon"); | ||
var import_ChevronLeftIcon = require("./icons/chevron-left/ChevronLeftIcon"); | ||
var import_ChevronRightIcon = require("./icons/chevron-right/ChevronRightIcon"); | ||
var import_ChevronUpIcon = require("./icons/chevron-up/ChevronUpIcon"); | ||
var import_CloseIcon = require("./icons/close/CloseIcon"); | ||
var import_CopyIcon = require("./icons/copy/CopyIcon"); | ||
var import_DotsIcon = require("./icons/dots/DotsIcon"); | ||
var import_ErrorIcon = require("./icons/error/ErrorIcon"); | ||
var import_HamburgerIcon = require("./icons/hamburger/HamburgerIcon"); | ||
var import_InfoIcon = require("./icons/info/InfoIcon"); | ||
var import_PlusIcon = require("./icons/plus/PlusIcon"); | ||
var import_QuestionIcon = require("./icons/question/QuestionIcon"); | ||
var import_SearchIcon = require("./icons/search/SearchIcon"); | ||
var import_SuccessIcon = require("./icons/success/SuccessIcon"); | ||
var import_WarningIcon = require("./icons/warning/WarningIcon"); | ||
//# sourceMappingURL=index.js.map |
import cx from "classnames"; | ||
import React from "react"; | ||
import { ArrowLeft } from "../icons/ArrowLeft"; | ||
import { ArrowRight } from "../icons/ArrowRight"; | ||
import { ArrowLeftIcon } from "../icons/arrow-left/ArrowLeftIcon"; | ||
import { ArrowRightIcon } from "../icons/arrow-right/ArrowRightIcon"; | ||
const ArrowHorizontalAnimated = ({ | ||
className, | ||
pointingRight, | ||
variant = "small", | ||
variant = "inherit", | ||
bold = false, | ||
...rest | ||
}) => { | ||
const iconSize = variant !== "inherit" ? variant : "small"; | ||
return /* @__PURE__ */ React.createElement("div", { ...rest, className: cx(`jkl-icon--${iconSize}`, "jkl-animated-horizontal-arrows", className) }, /* @__PURE__ */ React.createElement("div", { className: "jkl-animated-horizontal-arrows__slider", "data-show": pointingRight ? "right" : "left" }, /* @__PURE__ */ React.createElement(ArrowRight, { variant: iconSize }), /* @__PURE__ */ React.createElement(ArrowLeft, { variant: iconSize }))); | ||
}; | ||
}) => /* @__PURE__ */ React.createElement("div", { ...rest, className: cx(`jkl-icon jkl-icon--${variant}`, "jkl-animated-horizontal-arrows", className) }, /* @__PURE__ */ React.createElement("div", { className: "jkl-animated-horizontal-arrows__slider", "data-show": pointingRight ? "right" : "left" }, /* @__PURE__ */ React.createElement(ArrowRightIcon, { className: "jkl-animated-horizontal-arrows__arrow", variant, bold }), /* @__PURE__ */ React.createElement(ArrowLeftIcon, { className: "jkl-animated-horizontal-arrows__arrow", variant, bold }))); | ||
ArrowHorizontalAnimated.displayName = "ArrowHorizontalAnimated"; | ||
@@ -15,0 +13,0 @@ export { |
import cx from "classnames"; | ||
import React from "react"; | ||
import { ArrowDown } from "../icons/ArrowDown"; | ||
import { ArrowUp } from "../icons/ArrowUp"; | ||
import { ArrowDownIcon } from "../icons/arrow-down/ArrowDownIcon"; | ||
import { ArrowUpIcon } from "../icons/arrow-up/ArrowUpIcon"; | ||
const ArrowVerticalAnimated = ({ | ||
className = "", | ||
className, | ||
pointingDown, | ||
variant = "small", | ||
variant = "inherit", | ||
bold = false, | ||
...rest | ||
}) => { | ||
const iconSize = variant !== "inherit" ? variant : "small"; | ||
return /* @__PURE__ */ React.createElement("div", { ...rest, className: cx(`jkl-icon--${iconSize}`, "jkl-animated-vertical-arrows", className) }, /* @__PURE__ */ React.createElement("div", { className: "jkl-animated-vertical-arrows__slider", "data-show": pointingDown ? "down" : "up" }, /* @__PURE__ */ React.createElement(ArrowDown, { variant: iconSize }), /* @__PURE__ */ React.createElement(ArrowUp, { variant: iconSize }))); | ||
}; | ||
}) => /* @__PURE__ */ React.createElement("div", { ...rest, className: cx(`jkl-icon jkl-icon--${variant}`, "jkl-animated-vertical-arrows", className) }, /* @__PURE__ */ React.createElement("div", { className: "jkl-animated-vertical-arrows__slider", "data-show": pointingDown ? "down" : "up" }, /* @__PURE__ */ React.createElement(ArrowDownIcon, { className: "jkl-animated-vertical-arrows__arrow", variant, bold }), /* @__PURE__ */ React.createElement(ArrowUpIcon, { className: "jkl-animated-vertical-arrows__arrow", variant, bold }))); | ||
ArrowVerticalAnimated.displayName = "ArrowVerticalAnimated"; | ||
@@ -15,0 +13,0 @@ export { |
import cx from "classnames"; | ||
import React from "react"; | ||
import { Plus } from "../icons/Plus"; | ||
import { PlusIcon } from "../icons/plus/PlusIcon"; | ||
const PlusRemoveAnimated = ({ | ||
className, | ||
isPlus, | ||
variant = "small", | ||
plusTitle = "pluss", | ||
closeTitle = "lukk", | ||
variant = "inherit", | ||
bold = false, | ||
...rest | ||
}) => { | ||
const iconSize = variant !== "inherit" ? variant : "small"; | ||
return /* @__PURE__ */ React.createElement( | ||
"div", | ||
{ | ||
...rest, | ||
className: cx( | ||
`jkl-icon--${iconSize}`, | ||
"jkl-icons-animated__plus", | ||
`jkl-icons-animated__plus--${isPlus ? "plus" : "close"}`, | ||
className | ||
) | ||
}, | ||
/* @__PURE__ */ React.createElement( | ||
Plus, | ||
{ | ||
variant: iconSize, | ||
title: isPlus ? plusTitle : closeTitle, | ||
description: `Ikon av ${isPlus ? plusTitle : closeTitle}tegn` | ||
} | ||
) | ||
); | ||
}; | ||
}) => /* @__PURE__ */ React.createElement("div", { ...rest, className: cx("jkl-icon", `jkl-icon--${variant}`, className) }, /* @__PURE__ */ React.createElement( | ||
PlusIcon, | ||
{ | ||
variant, | ||
bold, | ||
className: cx("jkl-icons-animated__plus", `jkl-icons-animated__plus--${isPlus ? "plus" : "close"}`) | ||
} | ||
)); | ||
PlusRemoveAnimated.displayName = "PlusRemoveAnimated"; | ||
@@ -35,0 +19,0 @@ export { |
@@ -0,24 +1,13 @@ | ||
import cn from "classnames"; | ||
import React from "react"; | ||
const IconFactory = ({ | ||
viewBox = "0 0 20 21", | ||
variant = "inherit", | ||
className = "", | ||
innerSvg, | ||
...rest | ||
}) => /* @__PURE__ */ React.createElement( | ||
"svg", | ||
{ | ||
...rest, | ||
className: `jkl-icon jkl-icon--${variant} ${className}`, | ||
width: "100%", | ||
viewBox, | ||
fill: "none", | ||
xmlns: "http://www.w3.org/2000/svg", | ||
"aria-hidden": true | ||
}, | ||
innerSvg | ||
); | ||
const makeIconComponent = (variants) => { | ||
const Icon = ({ bold = false, className, variant = "inherit", ...rest }) => { | ||
const IconComponent = variants[bold ? "bold" : "regular"][variant]; | ||
return /* @__PURE__ */ React.createElement(IconComponent, { className: cn(className, "jkl-icon", `jkl-icon--${variant}`), ...rest }); | ||
}; | ||
return Icon; | ||
}; | ||
export { | ||
IconFactory | ||
makeIconComponent | ||
}; | ||
//# sourceMappingURL=IconFactory.js.map |
@@ -1,41 +0,53 @@ | ||
import { CheckMark } from "./icons/CheckMark"; | ||
import { Close } from "./icons/Close"; | ||
import { Plus } from "./icons/Plus"; | ||
import { Search } from "./icons/Search"; | ||
import { Hamburger } from "./icons/Hamburger"; | ||
import { Calendar } from "./icons/Calendar"; | ||
import { ArrowUpRight } from "./icons/ArrowUpRight"; | ||
import { ArrowUp } from "./icons/ArrowUp"; | ||
import { ArrowDown } from "./icons/ArrowDown"; | ||
import { ArrowRight } from "./icons/ArrowRight"; | ||
import { ArrowLeft } from "./icons/ArrowLeft"; | ||
import { Info } from "./icons/Info"; | ||
import { Success } from "./icons/Success"; | ||
import { Warning } from "./icons/Warning"; | ||
import { Error } from "./icons/Error"; | ||
import { ArrowVerticalAnimated } from "./animated-icons/ArrowVerticalAnimated"; | ||
import { ArrowHorizontalAnimated } from "./animated-icons/ArrowHorizontalAnimated"; | ||
import { PlusRemoveAnimated } from "./animated-icons/PlusRemoveAnimated"; | ||
import { HamburgerCloseAnimated } from "./animated-icons/HamburgerCloseAnimated"; | ||
import { ArrowDownIcon } from "./icons/arrow-down/ArrowDownIcon"; | ||
import { ArrowLeftIcon } from "./icons/arrow-left/ArrowLeftIcon"; | ||
import { ArrowNorthEastIcon } from "./icons/arrow-north-east/ArrowNorthEastIcon"; | ||
import { ArrowRightIcon } from "./icons/arrow-right/ArrowRightIcon"; | ||
import { ArrowUpIcon } from "./icons/arrow-up/ArrowUpIcon"; | ||
import { CalendarIcon } from "./icons/calendar/CalendarIcon"; | ||
import { CheckIcon } from "./icons/check/CheckIcon"; | ||
import { ChevronDownIcon } from "./icons/chevron-down/ChevronDownIcon"; | ||
import { ChevronLeftIcon } from "./icons/chevron-left/ChevronLeftIcon"; | ||
import { ChevronRightIcon } from "./icons/chevron-right/ChevronRightIcon"; | ||
import { ChevronUpIcon } from "./icons/chevron-up/ChevronUpIcon"; | ||
import { CloseIcon } from "./icons/close/CloseIcon"; | ||
import { CopyIcon } from "./icons/copy/CopyIcon"; | ||
import { DotsIcon } from "./icons/dots/DotsIcon"; | ||
import { ErrorIcon } from "./icons/error/ErrorIcon"; | ||
import { HamburgerIcon } from "./icons/hamburger/HamburgerIcon"; | ||
import { InfoIcon } from "./icons/info/InfoIcon"; | ||
import { PlusIcon } from "./icons/plus/PlusIcon"; | ||
import { QuestionIcon } from "./icons/question/QuestionIcon"; | ||
import { SearchIcon } from "./icons/search/SearchIcon"; | ||
import { SuccessIcon } from "./icons/success/SuccessIcon"; | ||
import { WarningIcon } from "./icons/warning/WarningIcon"; | ||
export { | ||
ArrowDown, | ||
ArrowDownIcon, | ||
ArrowHorizontalAnimated, | ||
ArrowLeft, | ||
ArrowRight, | ||
ArrowUp, | ||
ArrowUpRight, | ||
ArrowLeftIcon, | ||
ArrowNorthEastIcon, | ||
ArrowRightIcon, | ||
ArrowUpIcon, | ||
ArrowVerticalAnimated, | ||
Calendar, | ||
CheckMark, | ||
Close, | ||
Error, | ||
Hamburger, | ||
HamburgerCloseAnimated, | ||
Info, | ||
Plus, | ||
CalendarIcon, | ||
CheckIcon, | ||
ChevronDownIcon, | ||
ChevronLeftIcon, | ||
ChevronRightIcon, | ||
ChevronUpIcon, | ||
CloseIcon, | ||
CopyIcon, | ||
DotsIcon, | ||
ErrorIcon, | ||
HamburgerIcon, | ||
InfoIcon, | ||
PlusIcon, | ||
PlusRemoveAnimated, | ||
Search, | ||
Success, | ||
Warning | ||
QuestionIcon, | ||
SearchIcon, | ||
SuccessIcon, | ||
WarningIcon | ||
}; | ||
//# sourceMappingURL=index.js.map |
@@ -1,8 +0,5 @@ | ||
import { ReactNode, FC } from "react"; | ||
import { IconProps } from "./icons/types"; | ||
interface Props extends IconProps { | ||
innerSvg: ReactNode; | ||
viewBox?: string; | ||
} | ||
export declare const IconFactory: FC<Props>; | ||
export {}; | ||
import React, { SVGAttributes } from "react"; | ||
import { IconProps, IconVariant } from "./icons/types"; | ||
export type IconSet = Record<IconVariant, React.FC<SVGAttributes<SVGElement>>>; | ||
export type IconVariants = Record<"bold" | "regular", IconSet>; | ||
export declare const makeIconComponent: (variants: IconVariants) => React.FC<IconProps>; |
@@ -1,16 +0,15 @@ | ||
export type IconVariant = "inherit" | "small" | "medium" | "large"; | ||
export interface ArrowIconProps extends IconProps { | ||
bold?: boolean; | ||
} | ||
export type IconVariant = "inherit" | "small" | "medium"; | ||
export interface IconProps { | ||
className?: string; | ||
variant?: IconVariant; | ||
/** | ||
* @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ||
* Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box. | ||
* `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em). | ||
* @default "inherit" | ||
*/ | ||
title?: string; | ||
variant?: IconVariant; | ||
/** | ||
* @deprecated Ikoner skal ikke ha alt-tekst eller tittel. Denne propen vil bli ignorert. | ||
* Angir om ikonet skal vises i fet versjon | ||
* @default false | ||
*/ | ||
description?: string; | ||
bold?: boolean; | ||
className?: string; | ||
} |
@@ -1,24 +0,29 @@ | ||
export { CheckMark } from "./icons/CheckMark"; | ||
export { Close } from "./icons/Close"; | ||
export { Plus } from "./icons/Plus"; | ||
export { Search } from "./icons/Search"; | ||
export { Hamburger } from "./icons/Hamburger"; | ||
export { Calendar } from "./icons/Calendar"; | ||
export { ArrowUpRight } from "./icons/ArrowUpRight"; | ||
export { ArrowUp } from "./icons/ArrowUp"; | ||
export { ArrowDown } from "./icons/ArrowDown"; | ||
export { ArrowRight } from "./icons/ArrowRight"; | ||
export { ArrowLeft } from "./icons/ArrowLeft"; | ||
export { Info } from "./icons/Info"; | ||
export { Success } from "./icons/Success"; | ||
export { Warning } from "./icons/Warning"; | ||
export { Error } from "./icons/Error"; | ||
export type { ArrowVerticalAnimatedProps } from "./animated-icons/ArrowVerticalAnimated"; | ||
export type { ArrowHorizontalAnimatedProps } from "./animated-icons/ArrowHorizontalAnimated"; | ||
export type { PlusRemoveAnimatedProps } from "./animated-icons/PlusRemoveAnimated"; | ||
export type { HamburgerCloseAnimatedProps } from "./animated-icons/HamburgerCloseAnimated"; | ||
export { ArrowVerticalAnimated } from "./animated-icons/ArrowVerticalAnimated"; | ||
export { ArrowHorizontalAnimated } from "./animated-icons/ArrowHorizontalAnimated"; | ||
export { PlusRemoveAnimated } from "./animated-icons/PlusRemoveAnimated"; | ||
export { HamburgerCloseAnimated } from "./animated-icons/HamburgerCloseAnimated"; | ||
export type { IconProps, IconVariant, ArrowIconProps } from "./icons/types"; | ||
export type { IconProps, IconVariant } from "./icons/types"; | ||
export { ArrowDownIcon } from "./icons/arrow-down/ArrowDownIcon"; | ||
export { ArrowLeftIcon } from "./icons/arrow-left/ArrowLeftIcon"; | ||
export { ArrowNorthEastIcon } from "./icons/arrow-north-east/ArrowNorthEastIcon"; | ||
export { ArrowRightIcon } from "./icons/arrow-right/ArrowRightIcon"; | ||
export { ArrowUpIcon } from "./icons/arrow-up/ArrowUpIcon"; | ||
export { CalendarIcon } from "./icons/calendar/CalendarIcon"; | ||
export { CheckIcon } from "./icons/check/CheckIcon"; | ||
export { ChevronDownIcon } from "./icons/chevron-down/ChevronDownIcon"; | ||
export { ChevronLeftIcon } from "./icons/chevron-left/ChevronLeftIcon"; | ||
export { ChevronRightIcon } from "./icons/chevron-right/ChevronRightIcon"; | ||
export { ChevronUpIcon } from "./icons/chevron-up/ChevronUpIcon"; | ||
export { CloseIcon } from "./icons/close/CloseIcon"; | ||
export { CopyIcon } from "./icons/copy/CopyIcon"; | ||
export { DotsIcon } from "./icons/dots/DotsIcon"; | ||
export { ErrorIcon } from "./icons/error/ErrorIcon"; | ||
export { HamburgerIcon } from "./icons/hamburger/HamburgerIcon"; | ||
export { InfoIcon } from "./icons/info/InfoIcon"; | ||
export { PlusIcon } from "./icons/plus/PlusIcon"; | ||
export { QuestionIcon } from "./icons/question/QuestionIcon"; | ||
export { SearchIcon } from "./icons/search/SearchIcon"; | ||
export { SuccessIcon } from "./icons/success/SuccessIcon"; | ||
export { WarningIcon } from "./icons/warning/WarningIcon"; |
{ | ||
"name": "@fremtind/jkl-icons-react", | ||
"version": "6.0.11", | ||
"version": "7.0.0", | ||
"publishConfig": { | ||
@@ -41,4 +41,4 @@ "access": "public" | ||
"dependencies": { | ||
"@fremtind/jkl-core": "^11.4.0", | ||
"@fremtind/jkl-icons": "^6.0.10", | ||
"@fremtind/jkl-core": "^12.0.0", | ||
"@fremtind/jkl-icons": "^7.0.0", | ||
"classnames": "^2.3.2" | ||
@@ -59,3 +59,3 @@ }, | ||
}, | ||
"gitHead": "29109154dc78ca2dd912fc7a469978be0efd7910" | ||
"gitHead": "f325f04cebd537eaa97ae7b27535c946b6f85ff6" | ||
} |
@@ -18,3 +18,3 @@ # [`@fremtind/jkl-icons-react`](https://jokul.fremtind.no/komponenter/icons) | ||
import "@fremtind/jkl-core/core.min.css"; | ||
import "@fremtind/jkl-icons/animated-icons.min.css"; | ||
import "@fremtind/jkl-icons/icons.min.css"; | ||
``` | ||
@@ -25,3 +25,3 @@ | ||
@use "@fremtind/jkl-core/core"; | ||
@use "@fremtind/jkl-icons/animated-icons"; | ||
@use "@fremtind/jkl-icons/icons"; | ||
``` |
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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
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
487168
563
6102
1
+ Added@fremtind/jkl-core@12.2.0(transitive)
+ Added@fremtind/jkl-icons@7.0.4(transitive)
- Removed@fremtind/jkl-core@11.4.0(transitive)
- Removed@fremtind/jkl-icons@6.0.10(transitive)
Updated@fremtind/jkl-core@^12.0.0
Updated@fremtind/jkl-icons@^7.0.0