@fremtind/jkl-icons-react - npm Package Compare versions

Comparing version 6.0.11 to 7.0.0

build/animated-icons/ArrowHorizontalAnimated.d.ts

@@ -7,3 +7,4 @@ import { FC } from "react";
     variant?: IconVariant;
+    bold?: boolean;
 }
 export declare const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps>;

build/animated-icons/ArrowVerticalAnimated.d.ts

@@ -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;
 };

build/animated-icons/PlusRemoveAnimated.d.ts

@@ -7,5 +7,4 @@ import { FC } from "react";
     variant?: IconVariant;
-    plusTitle?: string;
-    closeTitle?: string;
+    bold?: boolean;
 }
 export declare const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps>;

build/cjs/animated-icons/ArrowHorizontalAnimated.js

@@ -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

build/cjs/animated-icons/ArrowVerticalAnimated.js

@@ -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

build/cjs/animated-icons/PlusRemoveAnimated.js

@@ -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

build/cjs/IconFactory.js

@@ -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

build/cjs/index.js

@@ -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

build/esm/animated-icons/ArrowHorizontalAnimated.js

 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 {

build/esm/animated-icons/ArrowVerticalAnimated.js

 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 {

build/esm/animated-icons/PlusRemoveAnimated.js

 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 {

build/esm/IconFactory.js

@@ -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

build/esm/index.js

@@ -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

build/IconFactory.d.ts

@@ -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>;

build/icons/types.d.ts

@@ -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;
 }

build/index.d.ts

@@ -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";

package.json

 {
     "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"
 }

README.md

@@ -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";
 ```

New alerts

License Policy Violation

License

This 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 risk

Package 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

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

487168

increased by261.09%

Number of package files

563

increased by398.23%

Lines of code

6102

increased by248.49%

Worsened metrics

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + 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