@fremtind/jokul 0.2.0 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/build-stats.html +1 -1
- package/build/cjs/components/icon/Icon.js +2 -0
- package/build/cjs/components/icon/Icon.js.map +1 -0
- package/build/cjs/components/icon/icons/ArrowDownIcon.js +2 -0
- package/build/cjs/components/icon/icons/ArrowDownIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ArrowLeftIcon.js +2 -0
- package/build/cjs/components/icon/icons/ArrowLeftIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ArrowNorthEastIcon.js +2 -0
- package/build/cjs/components/icon/icons/ArrowNorthEastIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ArrowRightIcon.js +2 -0
- package/build/cjs/components/icon/icons/ArrowRightIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ArrowUpIcon.js +2 -0
- package/build/cjs/components/icon/icons/ArrowUpIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/CalendarIcon.js +2 -0
- package/build/cjs/components/icon/icons/CalendarIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/CheckIcon.js +2 -0
- package/build/cjs/components/icon/icons/CheckIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ChevronDownIcon.js +2 -0
- package/build/cjs/components/icon/icons/ChevronDownIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ChevronLeftIcon.js +2 -0
- package/build/cjs/components/icon/icons/ChevronLeftIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ChevronRightIcon.js +2 -0
- package/build/cjs/components/icon/icons/ChevronRightIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ChevronUpIcon.js +2 -0
- package/build/cjs/components/icon/icons/ChevronUpIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/CloseIcon.js +2 -0
- package/build/cjs/components/icon/icons/CloseIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/CopyIcon.js +2 -0
- package/build/cjs/components/icon/icons/CopyIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/DotsIcon.js +2 -0
- package/build/cjs/components/icon/icons/DotsIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/DragIcon.js +2 -0
- package/build/cjs/components/icon/icons/DragIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ErrorIcon.js +2 -0
- package/build/cjs/components/icon/icons/ErrorIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/GreenCheckIcon.js +2 -0
- package/build/cjs/components/icon/icons/GreenCheckIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/HamburgerIcon.js +2 -0
- package/build/cjs/components/icon/icons/HamburgerIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/InfoIcon.js +2 -0
- package/build/cjs/components/icon/icons/InfoIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/LinkIcon.js +2 -0
- package/build/cjs/components/icon/icons/LinkIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/MinusIcon.js +2 -0
- package/build/cjs/components/icon/icons/MinusIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/PenIcon.js +2 -0
- package/build/cjs/components/icon/icons/PenIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/PlusIcon.js +2 -0
- package/build/cjs/components/icon/icons/PlusIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/QuestionIcon.js +2 -0
- package/build/cjs/components/icon/icons/QuestionIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/RedCrossIcon.js +2 -0
- package/build/cjs/components/icon/icons/RedCrossIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/SearchIcon.js +2 -0
- package/build/cjs/components/icon/icons/SearchIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/SuccessIcon.js +2 -0
- package/build/cjs/components/icon/icons/SuccessIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ThumbDownIcon.js +2 -0
- package/build/cjs/components/icon/icons/ThumbDownIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/ThumbUpIcon.js +2 -0
- package/build/cjs/components/icon/icons/ThumbUpIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/TrashCanIcon.js +2 -0
- package/build/cjs/components/icon/icons/TrashCanIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/WarningIcon.js +2 -0
- package/build/cjs/components/icon/icons/WarningIcon.js.map +1 -0
- package/build/cjs/components/icon/icons/animated/ArrowHorizontalAnimated.js +2 -0
- package/build/cjs/components/icon/icons/animated/ArrowHorizontalAnimated.js.map +1 -0
- package/build/cjs/components/icon/icons/animated/ArrowVerticalAnimated.js +2 -0
- package/build/cjs/components/icon/icons/animated/ArrowVerticalAnimated.js.map +1 -0
- package/build/cjs/components/icon/icons/animated/PlusRemoveAnimated.js +2 -0
- package/build/cjs/components/icon/icons/animated/PlusRemoveAnimated.js.map +1 -0
- package/build/cjs/components/icon/index.js +2 -0
- package/build/cjs/components/icon/index.js.map +1 -0
- package/build/cjs/components/icon/types.js +2 -0
- package/build/cjs/components/icon/types.js.map +1 -0
- package/build/cjs/components/index.js +1 -1
- package/build/cjs/components/link-list/LinkList.js +2 -0
- package/build/cjs/components/link-list/LinkList.js.map +1 -0
- package/build/cjs/components/link-list/index.js +2 -0
- package/build/cjs/components/link-list/index.js.map +1 -0
- package/build/cjs/index.js +2 -0
- package/build/cjs/index.js.map +1 -0
- package/build/components/icon/Icon.d.ts +24 -0
- package/build/components/icon/icons/ArrowDownIcon.d.ts +2 -0
- package/build/components/icon/icons/ArrowLeftIcon.d.ts +2 -0
- package/build/components/icon/icons/ArrowNorthEastIcon.d.ts +2 -0
- package/build/components/icon/icons/ArrowRightIcon.d.ts +2 -0
- package/build/components/icon/icons/ArrowUpIcon.d.ts +2 -0
- package/build/components/icon/icons/CalendarIcon.d.ts +2 -0
- package/build/components/icon/icons/CheckIcon.d.ts +2 -0
- package/build/components/icon/icons/ChevronDownIcon.d.ts +2 -0
- package/build/components/icon/icons/ChevronLeftIcon.d.ts +2 -0
- package/build/components/icon/icons/ChevronRightIcon.d.ts +2 -0
- package/build/components/icon/icons/ChevronUpIcon.d.ts +2 -0
- package/build/components/icon/icons/CloseIcon.d.ts +2 -0
- package/build/components/icon/icons/CopyIcon.d.ts +2 -0
- package/build/components/icon/icons/DotsIcon.d.ts +2 -0
- package/build/components/icon/icons/DragIcon.d.ts +2 -0
- package/build/components/icon/icons/ErrorIcon.d.ts +2 -0
- package/build/components/icon/icons/GreenCheckIcon.d.ts +3 -0
- package/build/components/icon/icons/HamburgerIcon.d.ts +2 -0
- package/build/components/icon/icons/InfoIcon.d.ts +2 -0
- package/build/components/icon/icons/LinkIcon.d.ts +2 -0
- package/build/components/icon/icons/MinusIcon.d.ts +2 -0
- package/build/components/icon/icons/PenIcon.d.ts +2 -0
- package/build/components/icon/icons/PlusIcon.d.ts +2 -0
- package/build/components/icon/icons/QuestionIcon.d.ts +2 -0
- package/build/components/icon/icons/RedCrossIcon.d.ts +3 -0
- package/build/components/icon/icons/SearchIcon.d.ts +2 -0
- package/build/components/icon/icons/SuccessIcon.d.ts +2 -0
- package/build/components/icon/icons/ThumbDownIcon.d.ts +2 -0
- package/build/components/icon/icons/ThumbUpIcon.d.ts +2 -0
- package/build/components/icon/icons/TrashCanIcon.d.ts +2 -0
- package/build/components/icon/icons/WarningIcon.d.ts +2 -0
- package/build/components/icon/icons/animated/ArrowHorizontalAnimated.d.ts +9 -0
- package/build/components/icon/icons/animated/ArrowVerticalAnimated.d.ts +9 -0
- package/build/components/icon/icons/animated/PlusRemoveAnimated.d.ts +9 -0
- package/build/components/icon/index.d.ts +39 -0
- package/build/components/icon/types.d.ts +19 -0
- package/build/components/index.d.ts +4 -2
- package/build/components/link-list/LinkList.d.ts +16 -0
- package/build/components/link-list/index.d.ts +1 -0
- package/build/es/components/icon/Icon.js +2 -0
- package/build/es/components/icon/Icon.js.map +1 -0
- package/build/es/components/icon/icons/ArrowDownIcon.js +2 -0
- package/build/es/components/icon/icons/ArrowDownIcon.js.map +1 -0
- package/build/es/components/icon/icons/ArrowLeftIcon.js +2 -0
- package/build/es/components/icon/icons/ArrowLeftIcon.js.map +1 -0
- package/build/es/components/icon/icons/ArrowNorthEastIcon.js +2 -0
- package/build/es/components/icon/icons/ArrowNorthEastIcon.js.map +1 -0
- package/build/es/components/icon/icons/ArrowRightIcon.js +2 -0
- package/build/es/components/icon/icons/ArrowRightIcon.js.map +1 -0
- package/build/es/components/icon/icons/ArrowUpIcon.js +2 -0
- package/build/es/components/icon/icons/ArrowUpIcon.js.map +1 -0
- package/build/es/components/icon/icons/CalendarIcon.js +2 -0
- package/build/es/components/icon/icons/CalendarIcon.js.map +1 -0
- package/build/es/components/icon/icons/CheckIcon.js +2 -0
- package/build/es/components/icon/icons/CheckIcon.js.map +1 -0
- package/build/es/components/icon/icons/ChevronDownIcon.js +2 -0
- package/build/es/components/icon/icons/ChevronDownIcon.js.map +1 -0
- package/build/es/components/icon/icons/ChevronLeftIcon.js +2 -0
- package/build/es/components/icon/icons/ChevronLeftIcon.js.map +1 -0
- package/build/es/components/icon/icons/ChevronRightIcon.js +2 -0
- package/build/es/components/icon/icons/ChevronRightIcon.js.map +1 -0
- package/build/es/components/icon/icons/ChevronUpIcon.js +2 -0
- package/build/es/components/icon/icons/ChevronUpIcon.js.map +1 -0
- package/build/es/components/icon/icons/CloseIcon.js +2 -0
- package/build/es/components/icon/icons/CloseIcon.js.map +1 -0
- package/build/es/components/icon/icons/CopyIcon.js +2 -0
- package/build/es/components/icon/icons/CopyIcon.js.map +1 -0
- package/build/es/components/icon/icons/DotsIcon.js +2 -0
- package/build/es/components/icon/icons/DotsIcon.js.map +1 -0
- package/build/es/components/icon/icons/DragIcon.js +2 -0
- package/build/es/components/icon/icons/DragIcon.js.map +1 -0
- package/build/es/components/icon/icons/ErrorIcon.js +2 -0
- package/build/es/components/icon/icons/ErrorIcon.js.map +1 -0
- package/build/es/components/icon/icons/GreenCheckIcon.js +2 -0
- package/build/es/components/icon/icons/GreenCheckIcon.js.map +1 -0
- package/build/es/components/icon/icons/HamburgerIcon.js +2 -0
- package/build/es/components/icon/icons/HamburgerIcon.js.map +1 -0
- package/build/es/components/icon/icons/InfoIcon.js +2 -0
- package/build/es/components/icon/icons/InfoIcon.js.map +1 -0
- package/build/es/components/icon/icons/LinkIcon.js +2 -0
- package/build/es/components/icon/icons/LinkIcon.js.map +1 -0
- package/build/es/components/icon/icons/MinusIcon.js +2 -0
- package/build/es/components/icon/icons/MinusIcon.js.map +1 -0
- package/build/es/components/icon/icons/PenIcon.js +2 -0
- package/build/es/components/icon/icons/PenIcon.js.map +1 -0
- package/build/es/components/icon/icons/PlusIcon.js +2 -0
- package/build/es/components/icon/icons/PlusIcon.js.map +1 -0
- package/build/es/components/icon/icons/QuestionIcon.js +2 -0
- package/build/es/components/icon/icons/QuestionIcon.js.map +1 -0
- package/build/es/components/icon/icons/RedCrossIcon.js +2 -0
- package/build/es/components/icon/icons/RedCrossIcon.js.map +1 -0
- package/build/es/components/icon/icons/SearchIcon.js +2 -0
- package/build/es/components/icon/icons/SearchIcon.js.map +1 -0
- package/build/es/components/icon/icons/SuccessIcon.js +2 -0
- package/build/es/components/icon/icons/SuccessIcon.js.map +1 -0
- package/build/es/components/icon/icons/ThumbDownIcon.js +2 -0
- package/build/es/components/icon/icons/ThumbDownIcon.js.map +1 -0
- package/build/es/components/icon/icons/ThumbUpIcon.js +2 -0
- package/build/es/components/icon/icons/ThumbUpIcon.js.map +1 -0
- package/build/es/components/icon/icons/TrashCanIcon.js +2 -0
- package/build/es/components/icon/icons/TrashCanIcon.js.map +1 -0
- package/build/es/components/icon/icons/WarningIcon.js +2 -0
- package/build/es/components/icon/icons/WarningIcon.js.map +1 -0
- package/build/es/components/icon/icons/animated/ArrowHorizontalAnimated.js +2 -0
- package/build/es/components/icon/icons/animated/ArrowHorizontalAnimated.js.map +1 -0
- package/build/es/components/icon/icons/animated/ArrowVerticalAnimated.js +2 -0
- package/build/es/components/icon/icons/animated/ArrowVerticalAnimated.js.map +1 -0
- package/build/es/components/icon/icons/animated/PlusRemoveAnimated.js +2 -0
- package/build/es/components/icon/icons/animated/PlusRemoveAnimated.js.map +1 -0
- package/build/es/components/icon/index.js +2 -0
- package/build/es/components/icon/index.js.map +1 -0
- package/build/es/components/icon/types.js +2 -0
- package/build/es/components/icon/types.js.map +1 -0
- package/build/es/components/index.js +1 -1
- package/build/es/components/link-list/LinkList.js +2 -0
- package/build/es/components/link-list/LinkList.js.map +1 -0
- package/build/es/components/link-list/index.js +2 -0
- package/build/es/components/link-list/index.js.map +1 -0
- package/build/es/index.js +2 -0
- package/build/es/index.js.map +1 -0
- package/build/hooks/useAriaLiveRegion/useAriaLiveRegion.d.ts +1 -1
- package/build/index.d.ts +3 -0
- package/package.json +11 -2
- package/src/components/icon/styles/icon.css +138 -0
- package/src/components/icon/styles/icon.min.css +1 -0
- package/src/components/icon/styles/icon.scss +145 -0
- package/src/components/link-list/styles/link-list.css +84 -0
- package/src/components/link-list/styles/link-list.min.css +1 -0
- package/src/components/link-list/styles/link-list.scss +93 -0
- package/src/components/loader/styles/loader.css +6 -6
- package/src/components/loader/styles/loader.min.css +1 -1
- package/src/components/loader/styles/skeleton-loader.css +5 -5
- package/src/components/loader/styles/skeleton-loader.min.css +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HamburgerIcon.js","sources":["../../../../../src/components/icon/icons/HamburgerIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const HamburgerIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue5d2\"}</Icon>;\nHamburgerIcon.displayName = \"HamburgerIcon\";\n"],"names":["HamburgerIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../Icon.js"),r=r=>e.jsx(o.Icon,{bold:!0,filled:!0,...r,children:""});r.displayName="InfoIcon",exports.InfoIcon=r;
|
|
2
|
+
//# sourceMappingURL=InfoIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoIcon.js","sources":["../../../../../src/components/icon/icons/InfoIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const InfoIcon: IconComponent = (props: IconProps) => (\n <Icon bold filled {...props}>\n {\"\\ue88e\"}\n </Icon>\n);\nInfoIcon.displayName = \"InfoIcon\";\n"],"names":["InfoIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"6IAIaA,EAA2BC,GACnCC,MAAAC,EAAAA,KAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAASO,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkIcon.js","sources":["../../../../../src/components/icon/icons/LinkIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const LinkIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue250\"}</Icon>;\nLinkIcon.displayName = \"LinkIcon\";\n"],"names":["LinkIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MinusIcon.js","sources":["../../../../../src/components/icon/icons/MinusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const MinusIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue15b\"}</Icon>;\nMinusIcon.displayName = \"MinusIcon\";\n"],"names":["MinusIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA4BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACzFH,EAAUI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PenIcon.js","sources":["../../../../../src/components/icon/icons/PenIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const PenIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\uf097\"}</Icon>;\nPenIcon.displayName = \"PenIcon\";\n"],"names":["PenIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA0BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACvFH,EAAQI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlusIcon.js","sources":["../../../../../src/components/icon/icons/PlusIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const PlusIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue145\"}</Icon>;\nPlusIcon.displayName = \"PlusIcon\";\n"],"names":["PlusIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA2BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MACxFH,EAASI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"QuestionIcon.js","sources":["../../../../../src/components/icon/icons/QuestionIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const QuestionIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8fd\"}</Icon>;\nQuestionIcon.displayName = \"QuestionIcon\";\n"],"names":["QuestionIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA+BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("classnames"),t=({as:t="div",bold:r=!1,className:i,variant:a="inherit","data-testid":c,style:o,...d})=>{const l=t;return e.jsx(l,{className:s(i,"jkl-icon","jkl-icon-red-cross",`jkl-icon--${a}`,{"jkl-icon--bold":r}),"aria-hidden":"true",style:o,"data-testid":c,...d,children:e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",width:"24px",height:"24px",children:[e.jsx("circle",{cx:"12",cy:"12",r:"10"}),e.jsx("path",{d:"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z"}),e.jsx("path",{d:"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z"})]})})};t.displayName="RedCrossIcon",exports.RedCrossIcon=t;
|
|
2
|
+
//# sourceMappingURL=RedCrossIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RedCrossIcon.js","sources":["../../../../../src/components/icon/icons/RedCrossIcon.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { FC } from \"react\";\nimport { IconProps } from \"../types\";\n\n/*\n * NOTE: The green-check and red-cross icons also exists as a copy in the jkl-list package.\n * If you're here to change them, consider changing them there as well, or\n * finding a technical solution to sharing the SVG markup\n */\nexport const RedCrossIcon: FC<IconProps> = ({\n as = \"div\",\n bold = false,\n className,\n variant = \"inherit\",\n \"data-testid\": testId,\n style,\n ...rest\n}) => {\n const El = as;\n\n return (\n <El\n className={cn(className, \"jkl-icon\", \"jkl-icon-red-cross\", `jkl-icon--${variant}`, {\n \"jkl-icon--bold\": bold,\n })}\n aria-hidden=\"true\"\n style={style}\n data-testid={testId}\n {...rest}\n >\n <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" width=\"24px\" height=\"24px\">\n <circle cx=\"12\" cy=\"12\" r=\"10\" />\n <path d=\"m15.71 7.23 1.06 1.06-8.48 8.48-1.06-1.06 8.48-8.48Z\" />\n <path d=\"m8.29 7.23 8.48 8.48-1.06 1.06L7.23 8.3l1.06-1.06Z\" />\n </svg>\n </El>\n );\n};\nRedCrossIcon.displayName = \"RedCrossIcon\";\n"],"names":["RedCrossIcon","as","bold","className","variant","testId","style","rest","El","jsx","cn","children","jsxs","xmlns","viewBox","width","height","cx","cy","r","d","displayName"],"mappings":"6IASaA,EAA8B,EACvCC,GAAAA,EAAK,MACLC,KAAAA,GAAO,EACPC,UAAAA,EACAC,QAAAA,EAAU,UACV,cAAeC,EACfC,MAAAA,KACGC,MAEH,MAAMC,EAAKP,EAGP,OAAAQ,EAAAA,IAACD,EAAA,CACGL,UAAWO,EAAGP,EAAW,WAAY,qBAAsB,aAAaC,IAAW,CAC/E,iBAAkBF,IAEtB,cAAY,OACZI,MAAAA,EACA,cAAaD,KACTE,EAEJI,SAAAC,EAAAA,KAAC,OAAIC,MAAM,6BAA6BC,QAAQ,YAAYC,MAAM,OAAOC,OAAO,OAC5EL,SAAA,CAAAF,MAAC,UAAOQ,GAAG,KAAKC,GAAG,KAAKC,EAAE,OAC1BV,EAAAA,IAAC,OAAK,CAAAW,EAAE,yDACRX,EAAAA,IAAC,OAAK,CAAAW,EAAE,2DACZ,EAIZpB,EAAaqB,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SearchIcon.js","sources":["../../../../../src/components/icon/icons/SearchIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const SearchIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8b6\"}</Icon>;\nSearchIcon.displayName = \"SearchIcon\";\n"],"names":["SearchIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA6BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC1FH,EAAWI,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../Icon.js"),r=r=>e.jsx(c.Icon,{bold:!0,filled:!0,...r,children:""});r.displayName="SuccessIcon",exports.SuccessIcon=r;
|
|
2
|
+
//# sourceMappingURL=SuccessIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SuccessIcon.js","sources":["../../../../../src/components/icon/icons/SuccessIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const SuccessIcon: IconComponent = (props: IconProps) => (\n <Icon bold filled {...props}>\n {\"\\uf0be\"}\n </Icon>\n);\nSuccessIcon.displayName = \"SuccessIcon\";\n"],"names":["SuccessIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"6IAIaA,EAA8BC,GACtCC,MAAAC,EAAAA,KAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../Icon.js"),r=r=>e.jsx(o.Icon,{...r,children:""});r.displayName="ThumbDownIcon",exports.ThumbDownIcon=r;
|
|
2
|
+
//# sourceMappingURL=ThumbDownIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThumbDownIcon.js","sources":["../../../../../src/components/icon/icons/ThumbDownIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ThumbDownIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8db\"}</Icon>;\nThumbDownIcon.displayName = \"ThumbDownIcon\";\n"],"names":["ThumbDownIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAAgCC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC7FH,EAAcI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThumbUpIcon.js","sources":["../../../../../src/components/icon/icons/ThumbUpIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const ThumbUpIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue8dc\"}</Icon>;\nThumbUpIcon.displayName = \"ThumbUpIcon\";\n"],"names":["ThumbUpIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA8BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC3FH,EAAYI,YAAc"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TrashCanIcon.js","sources":["../../../../../src/components/icon/icons/TrashCanIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const TrashCanIcon: IconComponent = (props: IconProps) => <Icon {...props}>{\"\\ue92e\"}</Icon>;\nTrashCanIcon.displayName = \"TrashCanIcon\";\n"],"names":["TrashCanIcon","props","Icon","children","displayName"],"mappings":"6IAIaA,EAA+BC,SAAsBC,EAAAA,KAAM,IAAGD,EAAQE,SAAS,MAC5FH,EAAaI,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../Icon.js"),n=n=>e.jsx(r.Icon,{bold:!0,filled:!0,...n,children:""});n.displayName="WarningIcon",exports.WarningIcon=n;
|
|
2
|
+
//# sourceMappingURL=WarningIcon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"WarningIcon.js","sources":["../../../../../src/components/icon/icons/WarningIcon.tsx"],"sourcesContent":["import React from \"react\";\nimport { Icon, type IconComponent } from \"../Icon\";\nimport { type IconProps } from \"../types\";\n\nexport const WarningIcon: IconComponent = (props: IconProps) => (\n <Icon bold filled {...props}>\n {\"\\uf083\"}\n </Icon>\n);\nWarningIcon.displayName = \"WarningIcon\";\n"],"names":["WarningIcon","props","jsx","Icon","bold","filled","children","displayName"],"mappings":"6IAIaA,EAA8BC,GACtCC,MAAAC,EAAAA,KAAA,CAAKC,MAAI,EAACC,QAAM,KAAKJ,EACjBK,SACL,MAEJN,EAAYO,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("classnames"),o=require("../ArrowLeftIcon.js"),i=require("../ArrowRightIcon.js"),e=({className:e,pointingRight:t,variant:n="inherit",bold:s=!1,...l})=>r.jsx("div",{...l,className:a("jkl-icon","jkl-icon--animated",`jkl-icon--${n}`,{"jkl-icon--bold":s},"jkl-animated-horizontal-arrows",e),children:r.jsxs("div",{className:"jkl-animated-horizontal-arrows__slider","data-show":t?"right":"left",children:[r.jsx(o.ArrowLeftIcon,{className:"jkl-animated-horizontal-arrows__arrow",variant:n,bold:s}),r.jsx(i.ArrowRightIcon,{className:"jkl-animated-horizontal-arrows__arrow",variant:n,bold:s})]})});e.displayName="ArrowHorizontalAnimated",exports.ArrowHorizontalAnimated=e;
|
|
2
|
+
//# sourceMappingURL=ArrowHorizontalAnimated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowHorizontalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowHorizontalAnimated.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { ArrowLeftIcon } from \"../ArrowLeftIcon\";\nimport { ArrowRightIcon } from \"../ArrowRightIcon\";\n\nexport interface ArrowHorizontalAnimatedProps {\n className?: string;\n pointingRight: boolean;\n variant?: IconVariant;\n bold?: boolean;\n}\n\nexport const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps> = ({\n className,\n pointingRight,\n variant = \"inherit\",\n bold = false,\n ...rest\n}) => (\n <div\n {...rest}\n className={cn(\n \"jkl-icon\",\n \"jkl-icon--animated\",\n `jkl-icon--${variant}`,\n { \"jkl-icon--bold\": bold },\n \"jkl-animated-horizontal-arrows\",\n className,\n )}\n >\n <div className=\"jkl-animated-horizontal-arrows__slider\" data-show={pointingRight ? \"right\" : \"left\"}>\n <ArrowLeftIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n <ArrowRightIcon className=\"jkl-animated-horizontal-arrows__arrow\" variant={variant} bold={bold} />\n </div>\n </div>\n);\n\nArrowHorizontalAnimated.displayName = \"ArrowHorizontalAnimated\";\n"],"names":["ArrowHorizontalAnimated","className","pointingRight","variant","bold","rest","jsx","cn","children","ArrowLeftIcon","ArrowRightIcon","displayName"],"mappings":"gNAaaA,EAA4D,EACrEC,UAAAA,EACAC,cAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,iCACAH,GAGJO,gBAAC,MAAI,CAAAP,UAAU,yCAAyC,YAAWC,EAAgB,QAAU,OACzFM,SAAA,CAAAF,EAAAA,IAACG,EAAcA,cAAA,CAAAR,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,IAClFE,EAAAA,IAAAI,EAAAA,eAAA,CAAeT,UAAU,wCAAwCE,QAAAA,EAAkBC,KAAAA,SAKhGJ,EAAwBW,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("classnames"),e=require("../ArrowDownIcon.js"),i=require("../ArrowUpIcon.js"),o=({className:o,pointingDown:s,variant:n="inherit",bold:l=!1,...t})=>r.jsx("div",{...t,className:a("jkl-icon","jkl-icon--animated",`jkl-icon--${n}`,{"jkl-icon--bold":l},"jkl-animated-vertical-arrows",o),children:r.jsxs("div",{className:"jkl-animated-vertical-arrows__slider","data-show":s?"down":"up",children:[r.jsx(i.ArrowUpIcon,{className:"jkl-animated-vertical-arrows__arrow",variant:n,bold:l}),r.jsx(e.ArrowDownIcon,{className:"jkl-animated-vertical-arrows__arrow",variant:n,bold:l})]})});o.displayName="ArrowVerticalAnimated",exports.ArrowVerticalAnimated=o;
|
|
2
|
+
//# sourceMappingURL=ArrowVerticalAnimated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ArrowVerticalAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/ArrowVerticalAnimated.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { ArrowDownIcon } from \"../ArrowDownIcon\";\nimport { ArrowUpIcon } from \"../ArrowUpIcon\";\n\nexport interface ArrowVerticalAnimatedProps {\n className?: string;\n pointingDown: boolean;\n variant?: IconVariant;\n bold?: boolean;\n}\n\nexport const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps> = ({\n className,\n pointingDown,\n variant = \"inherit\",\n bold = false,\n ...rest\n}) => (\n <div\n {...rest}\n className={cn(\n \"jkl-icon\",\n \"jkl-icon--animated\",\n `jkl-icon--${variant}`,\n { \"jkl-icon--bold\": bold },\n \"jkl-animated-vertical-arrows\",\n className,\n )}\n >\n <div className=\"jkl-animated-vertical-arrows__slider\" data-show={pointingDown ? \"down\" : \"up\"}>\n <ArrowUpIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n <ArrowDownIcon className=\"jkl-animated-vertical-arrows__arrow\" variant={variant} bold={bold} />\n </div>\n </div>\n);\n\nArrowVerticalAnimated.displayName = \"ArrowVerticalAnimated\";\n"],"names":["ArrowVerticalAnimated","className","pointingDown","variant","bold","rest","jsx","cn","children","ArrowUpIcon","ArrowDownIcon","displayName"],"mappings":"6MAaaA,EAAwD,EACjEC,UAAAA,EACAC,aAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EACP,WACA,qBACA,aAAaJ,IACb,CAAE,iBAAkBC,GACpB,+BACAH,GAGJO,gBAAC,MAAI,CAAAP,UAAU,uCAAuC,YAAWC,EAAe,OAAS,KACrFM,SAAA,CAAAF,EAAAA,IAACG,EAAYA,YAAA,CAAAR,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,IAC9EE,EAAAA,IAAAI,EAAAA,cAAA,CAAcT,UAAU,sCAAsCE,QAAAA,EAAkBC,KAAAA,SAK7FJ,EAAsBW,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("classnames"),l=require("../PlusIcon.js"),i=({className:i,isPlus:a,variant:n="inherit",bold:o=!1,...t})=>e.jsx("div",{...t,className:s("jkl-icon","jkl-icon--animated",`jkl-icon--${n}`,{"jkl-icon--bold":o},i),children:e.jsx(l.PlusIcon,{variant:n,bold:o,className:s("jkl-icons-animated__plus","jkl-icons-animated__plus--"+(a?"plus":"close"))})});i.displayName="PlusRemoveAnimated",exports.PlusRemoveAnimated=i;
|
|
2
|
+
//# sourceMappingURL=PlusRemoveAnimated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PlusRemoveAnimated.js","sources":["../../../../../../src/components/icon/icons/animated/PlusRemoveAnimated.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React, { type FC } from \"react\";\nimport { type IconVariant } from \"../../types\";\nimport { PlusIcon } from \"../PlusIcon\";\n\nexport interface PlusRemoveAnimatedProps {\n className?: string;\n isPlus: boolean;\n variant?: IconVariant;\n bold?: boolean;\n}\n\nexport const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps> = ({\n className,\n isPlus,\n variant = \"inherit\",\n bold = false,\n ...rest\n}) => (\n <div\n {...rest}\n className={cn(\"jkl-icon\", \"jkl-icon--animated\", `jkl-icon--${variant}`, { \"jkl-icon--bold\": bold }, className)}\n >\n <PlusIcon\n variant={variant}\n bold={bold}\n className={cn(\"jkl-icons-animated__plus\", `jkl-icons-animated__plus--${isPlus ? \"plus\" : \"close\"}`)}\n />\n </div>\n);\n\nPlusRemoveAnimated.displayName = \"PlusRemoveAnimated\";\n"],"names":["PlusRemoveAnimated","className","isPlus","variant","bold","rest","jsx","cn","children","PlusIcon","displayName"],"mappings":"yKAYaA,EAAkD,EAC3DC,UAAAA,EACAC,OAAAA,EACAC,QAAAA,EAAU,UACVC,KAAAA,GAAO,KACJC,KAEHC,EAAAA,IAAC,MAAA,IACOD,EACJJ,UAAWM,EAAG,WAAY,qBAAsB,aAAaJ,IAAW,CAAE,iBAAkBC,GAAQH,GAEpGO,SAAAF,EAAAA,IAACG,EAAAA,SAAA,CACGN,QAAAA,EACAC,KAAAA,EACAH,UAAWM,EAAG,2BAA4B,8BAA6BL,EAAS,OAAS,cAKrGF,EAAmBU,YAAc"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Icon.js"),r=require("./icons/animated/ArrowVerticalAnimated.js"),n=require("./icons/animated/ArrowHorizontalAnimated.js"),e=require("./icons/animated/PlusRemoveAnimated.js"),c=require("./icons/ArrowDownIcon.js"),s=require("./icons/ArrowLeftIcon.js"),i=require("./icons/ArrowNorthEastIcon.js"),I=require("./icons/ArrowRightIcon.js"),t=require("./icons/ArrowUpIcon.js"),u=require("./icons/CalendarIcon.js"),a=require("./icons/CheckIcon.js"),p=require("./icons/ChevronDownIcon.js"),h=require("./icons/ChevronLeftIcon.js"),j=require("./icons/ChevronRightIcon.js"),x=require("./icons/ChevronUpIcon.js"),q=require("./icons/CloseIcon.js"),C=require("./icons/CopyIcon.js"),w=require("./icons/DotsIcon.js"),A=require("./icons/DragIcon.js"),m=require("./icons/ErrorIcon.js"),l=require("./icons/GreenCheckIcon.js"),d=require("./icons/HamburgerIcon.js"),g=require("./icons/InfoIcon.js"),v=require("./icons/LinkIcon.js"),D=require("./icons/PlusIcon.js"),R=require("./icons/QuestionIcon.js"),b=require("./icons/RedCrossIcon.js"),f=require("./icons/SearchIcon.js"),P=require("./icons/SuccessIcon.js"),T=require("./icons/WarningIcon.js"),k=require("./icons/MinusIcon.js"),L=require("./icons/ThumbDownIcon.js"),U=require("./icons/ThumbUpIcon.js"),S=require("./icons/TrashCanIcon.js"),E=require("./icons/PenIcon.js");exports.Icon=o.Icon,exports.ArrowVerticalAnimated=r.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=n.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=e.PlusRemoveAnimated,exports.ArrowDownIcon=c.ArrowDownIcon,exports.ArrowLeftIcon=s.ArrowLeftIcon,exports.ArrowNorthEastIcon=i.ArrowNorthEastIcon,exports.ArrowRightIcon=I.ArrowRightIcon,exports.ArrowUpIcon=t.ArrowUpIcon,exports.CalendarIcon=u.CalendarIcon,exports.CheckIcon=a.CheckIcon,exports.ChevronDownIcon=p.ChevronDownIcon,exports.ChevronLeftIcon=h.ChevronLeftIcon,exports.ChevronRightIcon=j.ChevronRightIcon,exports.ChevronUpIcon=x.ChevronUpIcon,exports.CloseIcon=q.CloseIcon,exports.CopyIcon=C.CopyIcon,exports.DotsIcon=w.DotsIcon,exports.DragIcon=A.DragIcon,exports.ErrorIcon=m.ErrorIcon,exports.GreenCheckIcon=l.GreenCheckIcon,exports.HamburgerIcon=d.HamburgerIcon,exports.InfoIcon=g.InfoIcon,exports.LinkIcon=v.LinkIcon,exports.PlusIcon=D.PlusIcon,exports.QuestionIcon=R.QuestionIcon,exports.RedCrossIcon=b.RedCrossIcon,exports.SearchIcon=f.SearchIcon,exports.SuccessIcon=P.SuccessIcon,exports.WarningIcon=T.WarningIcon,exports.MinusIcon=k.MinusIcon,exports.ThumbDownIcon=L.ThumbDownIcon,exports.ThumbUpIcon=U.ThumbUpIcon,exports.TrashCanIcon=S.TrashCanIcon,exports.PenIcon=E.PenIcon;
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./icon/Icon.js"),e=require("./icon/icons/animated/ArrowVerticalAnimated.js"),n=require("./icon/icons/animated/ArrowHorizontalAnimated.js"),r=require("./icon/icons/animated/PlusRemoveAnimated.js"),s=require("./icon/icons/ArrowDownIcon.js"),c=require("./icon/icons/ArrowLeftIcon.js"),i=require("./icon/icons/ArrowNorthEastIcon.js"),t=require("./icon/icons/ArrowRightIcon.js"),I=require("./icon/icons/ArrowUpIcon.js"),u=require("./icon/icons/CalendarIcon.js"),a=require("./icon/icons/CheckIcon.js"),l=require("./icon/icons/ChevronDownIcon.js"),p=require("./icon/icons/ChevronLeftIcon.js"),k=require("./icon/icons/ChevronRightIcon.js"),x=require("./icon/icons/ChevronUpIcon.js"),j=require("./icon/icons/CloseIcon.js"),q=require("./icon/icons/CopyIcon.js"),h=require("./icon/icons/DotsIcon.js"),S=require("./icon/icons/DragIcon.js"),d=require("./icon/icons/ErrorIcon.js"),C=require("./icon/icons/GreenCheckIcon.js"),A=require("./icon/icons/HamburgerIcon.js"),m=require("./icon/icons/InfoIcon.js"),w=require("./icon/icons/LinkIcon.js"),L=require("./icon/icons/PlusIcon.js"),b=require("./icon/icons/QuestionIcon.js"),R=require("./icon/icons/RedCrossIcon.js"),T=require("./icon/icons/SearchIcon.js"),v=require("./icon/icons/SuccessIcon.js"),g=require("./icon/icons/WarningIcon.js"),D=require("./icon/icons/MinusIcon.js"),f=require("./icon/icons/ThumbDownIcon.js"),P=require("./icon/icons/ThumbUpIcon.js"),E=require("./icon/icons/TrashCanIcon.js"),G=require("./icon/icons/PenIcon.js"),U=require("./link/Link.js"),y=require("./link/NavLink.js"),H=require("./link-list/LinkList.js"),B=require("./loader/Loader.js"),N=require("./loader/skeletons/SkeletonAnimation.js"),M=require("./loader/skeletons/SkeletonButton.js"),O=require("./loader/skeletons/SkeletonCheckboxGroup.js"),z=require("./loader/skeletons/SkeletonElement.js"),Q=require("./loader/skeletons/SkeletonInput.js"),V=require("./loader/skeletons/SkeletonRadioButtonGroup.js"),W=require("./loader/skeletons/SkeletonTable.js"),F=require("./loader/skeletons/SkeletonTextArea.js"),J=require("./ScreenReaderOnly.js"),K=require("./SlotComponent.js");exports.Icon=o.Icon,exports.ArrowVerticalAnimated=e.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=n.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=r.PlusRemoveAnimated,exports.ArrowDownIcon=s.ArrowDownIcon,exports.ArrowLeftIcon=c.ArrowLeftIcon,exports.ArrowNorthEastIcon=i.ArrowNorthEastIcon,exports.ArrowRightIcon=t.ArrowRightIcon,exports.ArrowUpIcon=I.ArrowUpIcon,exports.CalendarIcon=u.CalendarIcon,exports.CheckIcon=a.CheckIcon,exports.ChevronDownIcon=l.ChevronDownIcon,exports.ChevronLeftIcon=p.ChevronLeftIcon,exports.ChevronRightIcon=k.ChevronRightIcon,exports.ChevronUpIcon=x.ChevronUpIcon,exports.CloseIcon=j.CloseIcon,exports.CopyIcon=q.CopyIcon,exports.DotsIcon=h.DotsIcon,exports.DragIcon=S.DragIcon,exports.ErrorIcon=d.ErrorIcon,exports.GreenCheckIcon=C.GreenCheckIcon,exports.HamburgerIcon=A.HamburgerIcon,exports.InfoIcon=m.InfoIcon,exports.LinkIcon=w.LinkIcon,exports.PlusIcon=L.PlusIcon,exports.QuestionIcon=b.QuestionIcon,exports.RedCrossIcon=R.RedCrossIcon,exports.SearchIcon=T.SearchIcon,exports.SuccessIcon=v.SuccessIcon,exports.WarningIcon=g.WarningIcon,exports.MinusIcon=D.MinusIcon,exports.ThumbDownIcon=f.ThumbDownIcon,exports.ThumbUpIcon=P.ThumbUpIcon,exports.TrashCanIcon=E.TrashCanIcon,exports.PenIcon=G.PenIcon,exports.Link=U.Link,exports.NavLink=y.NavLink,exports.LinkList=H.LinkList,exports.Loader=B.Loader,exports.SkeletonAnimation=N.SkeletonAnimation,exports.SkeletonButton=M.SkeletonButton,exports.SkeletonCheckboxGroup=O.SkeletonCheckboxGroup,exports.SkeletonElement=z.SkeletonElement,exports.SkeletonInput=Q.SkeletonInput,exports.SkeletonRadioButtonGroup=V.SkeletonRadioButtonGroup,exports.SkeletonTable=W.SkeletonTable,exports.SkeletonTableHeader=W.SkeletonTableHeader,exports.SkeletonTableRow=W.SkeletonTableRow,exports.SkeletonTextArea=F.SkeletonTextArea,exports.ScreenReaderOnly=J.ScreenReaderOnly,exports.SlotComponent=K.SlotComponent;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),o=require("react");require("../icon/Icon.js"),require("../icon/icons/animated/ArrowVerticalAnimated.js"),require("../icon/icons/animated/ArrowHorizontalAnimated.js"),require("../icon/icons/animated/PlusRemoveAnimated.js"),require("../icon/icons/ArrowDownIcon.js"),require("../icon/icons/ArrowLeftIcon.js"),require("../icon/icons/ArrowNorthEastIcon.js");const r=require("../icon/icons/ArrowRightIcon.js");require("../icon/icons/ArrowUpIcon.js"),require("../icon/icons/CalendarIcon.js"),require("../icon/icons/CheckIcon.js"),require("../icon/icons/ChevronDownIcon.js"),require("../icon/icons/ChevronLeftIcon.js"),require("../icon/icons/ChevronRightIcon.js"),require("../icon/icons/ChevronUpIcon.js"),require("../icon/icons/CloseIcon.js"),require("../icon/icons/CopyIcon.js"),require("../icon/icons/DotsIcon.js"),require("../icon/icons/DragIcon.js"),require("../icon/icons/ErrorIcon.js"),require("../icon/icons/GreenCheckIcon.js"),require("../icon/icons/HamburgerIcon.js"),require("../icon/icons/InfoIcon.js"),require("../icon/icons/LinkIcon.js"),require("../icon/icons/PlusIcon.js"),require("../icon/icons/QuestionIcon.js"),require("../icon/icons/RedCrossIcon.js"),require("../icon/icons/SearchIcon.js"),require("../icon/icons/SuccessIcon.js"),require("../icon/icons/WarningIcon.js"),require("../icon/icons/MinusIcon.js"),require("../icon/icons/ThumbDownIcon.js"),require("../icon/icons/ThumbUpIcon.js"),require("../icon/icons/TrashCanIcon.js"),require("../icon/icons/PenIcon.js");const e=o.forwardRef((function(o,e){const{as:c="a",children:s,className:u,...j}=o;return n.jsxs(c,{className:i.clsx("jkl-link-list-link",u),ref:e,...j,children:[s,n.jsx(r.ArrowRightIcon,{className:"jkl-link-list-link__arrow"})]})})),c=({variant:o,className:r,...e})=>{const c="ordered"===o?"ol":"ul";return n.jsx(c,{className:i.clsx("jkl-link-list",r,{"jkl-link-list--ordered":"ordered"===o,"jkl-link-list--unordered":"unordered"===o}),...e})};c.Link=e,c.Item=({className:o,...r})=>n.jsx("li",{className:i.clsx("jkl-link-list-item",o),...r}),exports.LinkList=c;
|
|
2
|
+
//# sourceMappingURL=LinkList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"LinkList.js","sources":["../../../../src/components/link-list/LinkList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { ComponentProps, FC } from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\nimport { ArrowRightIcon } from \"../icon\";\n\nconst Item: FC<ComponentProps<\"li\">> = ({ className, ...rest }) => {\n return <li className={clsx(\"jkl-link-list-item\", className)} {...rest}></li>;\n};\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: PolymorphicPropsWithRef<ElementType>,\n) => React.ReactElement | null;\n\nconst Link = React.forwardRef(function LinkListLink<ElementType extends React.ElementType = \"a\">(\n props: PolymorphicPropsWithRef<ElementType>,\n ref: PolymorphicRef<ElementType>,\n) {\n const { as: Component = \"a\", children, className, ...rest } = props;\n\n return (\n <Component className={clsx(\"jkl-link-list-link\", className)} ref={ref} {...rest}>\n {children}\n <ArrowRightIcon className=\"jkl-link-list-link__arrow\" />\n </Component>\n );\n}) as LinkComponent;\n\ntype UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {\n variant: \"unordered\";\n};\n\ntype OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {\n variant: \"ordered\";\n};\n\ntype LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;\n\nexport const LinkList = ({ variant, className, ...rest }: LinkListProps): React.JSX.Element => {\n const Component = variant === \"ordered\" ? \"ol\" : \"ul\";\n\n return (\n <Component\n className={clsx(\"jkl-link-list\", className, {\n \"jkl-link-list--ordered\": variant === \"ordered\",\n \"jkl-link-list--unordered\": variant === \"unordered\",\n })}\n {...rest}\n />\n );\n};\n\nLinkList.Link = Link;\nLinkList.Item = Item;\n"],"names":["Link","React","forwardRef","props","ref","as","Component","children","className","rest","jsxs","clsx","jsx","ArrowRightIcon","LinkList","variant","Item"],"mappings":"omDAKA,MAQMA,EAAOC,EAAMC,YAAW,SAC1BC,EACAC,GAEM,MAAEC,GAAIC,EAAY,IAAKC,SAAAA,EAAUC,UAAAA,KAAcC,GAASN,EAG1D,OAAAO,OAACJ,GAAUE,UAAWG,EAAAA,KAAK,qBAAsBH,GAAYJ,IAAAA,KAAcK,EACtEF,SAAA,CAAAA,EACDK,EAAAA,IAACC,EAAeA,eAAA,CAAAL,UAAU,gCAGtC,IAYaM,EAAW,EAAGC,QAAAA,EAASP,UAAAA,KAAcC,MACxC,MAAAH,EAAwB,YAAZS,EAAwB,KAAO,KAG7C,OAAAH,EAAAA,IAACN,EAAA,CACGE,UAAWG,EAAAA,KAAK,gBAAiBH,EAAW,CACxC,yBAAsC,YAAZO,EAC1B,2BAAwC,cAAZA,OAE5BN,GAAA,EAKhBK,EAASd,KAAOA,EAChBc,EAASE,KA/C8B,EAAGR,UAAAA,KAAcC,KAC7CG,EAAAA,IAAC,MAAGJ,UAAWG,EAAAA,KAAK,qBAAsBH,MAAgBC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./components/icon/Icon.js"),o=require("./components/icon/icons/animated/ArrowVerticalAnimated.js"),n=require("./components/icon/icons/animated/ArrowHorizontalAnimated.js"),s=require("./components/icon/icons/animated/PlusRemoveAnimated.js"),r=require("./components/icon/icons/ArrowDownIcon.js"),t=require("./components/icon/icons/ArrowLeftIcon.js"),i=require("./components/icon/icons/ArrowNorthEastIcon.js"),c=require("./components/icon/icons/ArrowRightIcon.js"),u=require("./components/icon/icons/ArrowUpIcon.js"),p=require("./components/icon/icons/CalendarIcon.js"),a=require("./components/icon/icons/CheckIcon.js"),l=require("./components/icon/icons/ChevronDownIcon.js"),m=require("./components/icon/icons/ChevronLeftIcon.js"),I=require("./components/icon/icons/ChevronRightIcon.js"),k=require("./components/icon/icons/ChevronUpIcon.js"),x=require("./components/icon/icons/CloseIcon.js"),j=require("./components/icon/icons/CopyIcon.js"),q=require("./components/icon/icons/DotsIcon.js"),h=require("./components/icon/icons/DragIcon.js"),d=require("./components/icon/icons/ErrorIcon.js"),g=require("./components/icon/icons/GreenCheckIcon.js"),A=require("./components/icon/icons/HamburgerIcon.js"),S=require("./components/icon/icons/InfoIcon.js"),w=require("./components/icon/icons/LinkIcon.js"),v=require("./components/icon/icons/PlusIcon.js"),C=require("./components/icon/icons/QuestionIcon.js"),L=require("./components/icon/icons/RedCrossIcon.js"),b=require("./components/icon/icons/SearchIcon.js"),P=require("./components/icon/icons/SuccessIcon.js"),R=require("./components/icon/icons/WarningIcon.js"),D=require("./components/icon/icons/MinusIcon.js"),T=require("./components/icon/icons/ThumbDownIcon.js"),H=require("./components/icon/icons/ThumbUpIcon.js"),O=require("./components/icon/icons/TrashCanIcon.js"),f=require("./components/icon/icons/PenIcon.js"),V=require("./components/link/Link.js"),B=require("./components/link/NavLink.js"),E=require("./components/link-list/LinkList.js"),G=require("./components/loader/Loader.js"),y=require("./components/loader/skeletons/SkeletonAnimation.js"),N=require("./components/loader/skeletons/SkeletonButton.js"),U=require("./components/loader/skeletons/SkeletonCheckboxGroup.js"),M=require("./components/loader/skeletons/SkeletonElement.js"),F=require("./components/loader/skeletons/SkeletonInput.js"),K=require("./components/loader/skeletons/SkeletonRadioButtonGroup.js"),z=require("./components/loader/skeletons/SkeletonTable.js"),Q=require("./components/loader/skeletons/SkeletonTextArea.js"),W=require("./components/ScreenReaderOnly.js"),J=require("./components/SlotComponent.js"),X=require("./core/utils/tabListener.js"),Y=require("./core/utils/getValuePair.js"),Z=require("./core/utils/breakpoints.js"),$=require("./core/utils/motion.js"),_=require("./core/utils/mergeRefs.js"),ee=require("./core/utils/mergeProps.js"),oe=require("./core/tokens.js"),ne=require("./hooks/useAnimatedDetails/useAnimatedDetails.js"),se=require("./hooks/useAnimatedHeight/useAnimatedHeight.js"),re=require("./hooks/useAnimatedHeight/useAnimatedHeightBetween.js"),te=require("./hooks/useAnimatedHeight/useAutoAnimateHeight.js"),ie=require("./hooks/useBrowserPreferences/useBrowserPreferences.js"),ce=require("./hooks/useIntersectionObserver/useIntersectionObserver.js"),ue=require("./hooks/useLocalStorage/useLocalStorage.js"),pe=require("./hooks/useMutationObserver/useMutationObserver.js"),ae=require("./hooks/usePreviousValue/usePreviousValue.js"),le=require("./hooks/useProgressiveImg/useProgressiveImg.js"),me=require("./hooks/useScreen/useScreen.js"),Ie=require("./hooks/useScrollIntoView/useScrollIntoView.js"),ke=require("./hooks/useAriaLiveRegion/useAriaLiveRegion.js"),xe=require("./hooks/useClickOutside/useClickOutside.js"),je=require("./hooks/useFocusOutside/useFocusOutside.js"),qe=require("./hooks/useElementDimensions/useElementDimensions.js"),he=require("./hooks/useId/useId.js"),de=require("./hooks/useKeyListener/useKeyListener.js"),ge=require("./hooks/useListNavigation/useListNavigation.js"),Ae=require("./hooks/useSwipeGesture/useSwipeGesture.js");exports.Icon=e.Icon,exports.ArrowVerticalAnimated=o.ArrowVerticalAnimated,exports.ArrowHorizontalAnimated=n.ArrowHorizontalAnimated,exports.PlusRemoveAnimated=s.PlusRemoveAnimated,exports.ArrowDownIcon=r.ArrowDownIcon,exports.ArrowLeftIcon=t.ArrowLeftIcon,exports.ArrowNorthEastIcon=i.ArrowNorthEastIcon,exports.ArrowRightIcon=c.ArrowRightIcon,exports.ArrowUpIcon=u.ArrowUpIcon,exports.CalendarIcon=p.CalendarIcon,exports.CheckIcon=a.CheckIcon,exports.ChevronDownIcon=l.ChevronDownIcon,exports.ChevronLeftIcon=m.ChevronLeftIcon,exports.ChevronRightIcon=I.ChevronRightIcon,exports.ChevronUpIcon=k.ChevronUpIcon,exports.CloseIcon=x.CloseIcon,exports.CopyIcon=j.CopyIcon,exports.DotsIcon=q.DotsIcon,exports.DragIcon=h.DragIcon,exports.ErrorIcon=d.ErrorIcon,exports.GreenCheckIcon=g.GreenCheckIcon,exports.HamburgerIcon=A.HamburgerIcon,exports.InfoIcon=S.InfoIcon,exports.LinkIcon=w.LinkIcon,exports.PlusIcon=v.PlusIcon,exports.QuestionIcon=C.QuestionIcon,exports.RedCrossIcon=L.RedCrossIcon,exports.SearchIcon=b.SearchIcon,exports.SuccessIcon=P.SuccessIcon,exports.WarningIcon=R.WarningIcon,exports.MinusIcon=D.MinusIcon,exports.ThumbDownIcon=T.ThumbDownIcon,exports.ThumbUpIcon=H.ThumbUpIcon,exports.TrashCanIcon=O.TrashCanIcon,exports.PenIcon=f.PenIcon,exports.Link=V.Link,exports.NavLink=B.NavLink,exports.LinkList=E.LinkList,exports.Loader=G.Loader,exports.SkeletonAnimation=y.SkeletonAnimation,exports.SkeletonButton=N.SkeletonButton,exports.SkeletonCheckboxGroup=U.SkeletonCheckboxGroup,exports.SkeletonElement=M.SkeletonElement,exports.SkeletonInput=F.SkeletonInput,exports.SkeletonRadioButtonGroup=K.SkeletonRadioButtonGroup,exports.SkeletonTable=z.SkeletonTable,exports.SkeletonTableHeader=z.SkeletonTableHeader,exports.SkeletonTableRow=z.SkeletonTableRow,exports.SkeletonTextArea=Q.SkeletonTextArea,exports.ScreenReaderOnly=W.ScreenReaderOnly,exports.SlotComponent=J.SlotComponent,exports.initTabListener=X.initTabListener,exports.getValuePair=Y.getValuePair,exports.breakpoints=Z.breakpoints,exports.easings=$.easings,exports.timings=$.timings,exports.mergeRefs=_.mergeRefs,exports.mergeProps=ee.mergeProps,exports.tokens=oe,exports.useAnimatedDetails=ne.useAnimatedDetails,exports.useAnimatedHeight=se.useAnimatedHeight,exports.useAnimatedHeightBetween=re.useAnimatedHeightBetween,exports.useAutoAnimatedHeight=te.useAutoAnimatedHeight,exports.useBrowserPreferences=ie.useBrowserPreferences,exports.useIntersectionObserver=ce.useIntersectionObserver,exports.useLocalStorage=ue.useLocalStorage,exports.useMutationObserver=pe.useMutationObserver,exports.usePreviousValue=ae.usePreviousValue,exports.useProgressiveImg=le.useProgressiveImg,exports.useScreen=me.useScreen,exports.useScrollIntoView=Ie.useScrollIntoView,exports.useAriaLiveRegion=ke.useAriaLiveRegion,exports.useClickOutside=xe.useClickOutside,exports.useFocusOutside=je.useFocusOutside,exports.useElementDimensions=qe.useElementDimensions,exports.useId=he.useId,exports.useKeyListener=de.useKeyListener,exports.useListNavigation=ge.useListNavigation,exports.useSwipeGesture=Ae.useSwipeGesture;
|
|
2
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicPropsWithRef } from '../../core';
|
|
3
|
+
import { IconVariant } from './types';
|
|
4
|
+
type IconComponentProps<ElementType extends Extract<React.ElementType, "span" | "div">> = PolymorphicPropsWithRef<ElementType, {
|
|
5
|
+
"data-testid"?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box.
|
|
8
|
+
* `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).
|
|
9
|
+
*/
|
|
10
|
+
variant?: IconVariant;
|
|
11
|
+
/**
|
|
12
|
+
* Angir om ikonet skal vises i fet versjon
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
bold?: boolean;
|
|
16
|
+
filled?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
}>;
|
|
20
|
+
export type IconComponent = (<ElementType extends Extract<React.ElementType, "span" | "div"> = "span">(props: IconComponentProps<ElementType>) => React.ReactElement | null) & {
|
|
21
|
+
displayName?: string;
|
|
22
|
+
};
|
|
23
|
+
export declare const Icon: IconComponent;
|
|
24
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconVariant } from '../../types';
|
|
3
|
+
export interface ArrowHorizontalAnimatedProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
pointingRight: boolean;
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
bold?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const ArrowHorizontalAnimated: FC<ArrowHorizontalAnimatedProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconVariant } from '../../types';
|
|
3
|
+
export interface ArrowVerticalAnimatedProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
pointingDown: boolean;
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
bold?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const ArrowVerticalAnimated: FC<ArrowVerticalAnimatedProps>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { IconVariant } from '../../types';
|
|
3
|
+
export interface PlusRemoveAnimatedProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
isPlus: boolean;
|
|
6
|
+
variant?: IconVariant;
|
|
7
|
+
bold?: boolean;
|
|
8
|
+
}
|
|
9
|
+
export declare const PlusRemoveAnimated: FC<PlusRemoveAnimatedProps>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
export { Icon } from './Icon';
|
|
2
|
+
export type { ArrowVerticalAnimatedProps } from './icons/animated/ArrowVerticalAnimated';
|
|
3
|
+
export type { ArrowHorizontalAnimatedProps } from './icons/animated/ArrowHorizontalAnimated';
|
|
4
|
+
export type { PlusRemoveAnimatedProps } from './icons/animated/PlusRemoveAnimated';
|
|
5
|
+
export { ArrowVerticalAnimated } from './icons/animated/ArrowVerticalAnimated';
|
|
6
|
+
export { ArrowHorizontalAnimated } from './icons/animated/ArrowHorizontalAnimated';
|
|
7
|
+
export { PlusRemoveAnimated } from './icons/animated/PlusRemoveAnimated';
|
|
8
|
+
export type { IconProps, IconVariant } from './types';
|
|
9
|
+
export { ArrowDownIcon } from './icons/ArrowDownIcon';
|
|
10
|
+
export { ArrowLeftIcon } from './icons/ArrowLeftIcon';
|
|
11
|
+
export { ArrowNorthEastIcon } from './icons/ArrowNorthEastIcon';
|
|
12
|
+
export { ArrowRightIcon } from './icons/ArrowRightIcon';
|
|
13
|
+
export { ArrowUpIcon } from './icons/ArrowUpIcon';
|
|
14
|
+
export { CalendarIcon } from './icons/CalendarIcon';
|
|
15
|
+
export { CheckIcon } from './icons/CheckIcon';
|
|
16
|
+
export { ChevronDownIcon } from './icons/ChevronDownIcon';
|
|
17
|
+
export { ChevronLeftIcon } from './icons/ChevronLeftIcon';
|
|
18
|
+
export { ChevronRightIcon } from './icons/ChevronRightIcon';
|
|
19
|
+
export { ChevronUpIcon } from './icons/ChevronUpIcon';
|
|
20
|
+
export { CloseIcon } from './icons/CloseIcon';
|
|
21
|
+
export { CopyIcon } from './icons/CopyIcon';
|
|
22
|
+
export { DotsIcon } from './icons/DotsIcon';
|
|
23
|
+
export { DragIcon } from './icons/DragIcon';
|
|
24
|
+
export { ErrorIcon } from './icons/ErrorIcon';
|
|
25
|
+
export { GreenCheckIcon } from './icons/GreenCheckIcon';
|
|
26
|
+
export { HamburgerIcon } from './icons/HamburgerIcon';
|
|
27
|
+
export { InfoIcon } from './icons/InfoIcon';
|
|
28
|
+
export { LinkIcon } from './icons/LinkIcon';
|
|
29
|
+
export { PlusIcon } from './icons/PlusIcon';
|
|
30
|
+
export { QuestionIcon } from './icons/QuestionIcon';
|
|
31
|
+
export { RedCrossIcon } from './icons/RedCrossIcon';
|
|
32
|
+
export { SearchIcon } from './icons/SearchIcon';
|
|
33
|
+
export { SuccessIcon } from './icons/SuccessIcon';
|
|
34
|
+
export { WarningIcon } from './icons/WarningIcon';
|
|
35
|
+
export { MinusIcon } from './icons/MinusIcon';
|
|
36
|
+
export { ThumbDownIcon } from './icons/ThumbDownIcon';
|
|
37
|
+
export { ThumbUpIcon } from './icons/ThumbUpIcon';
|
|
38
|
+
export { TrashCanIcon } from './icons/TrashCanIcon';
|
|
39
|
+
export { PenIcon } from './icons/PenIcon';
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export type IconVariant = "inherit" | "small" | "medium";
|
|
3
|
+
export interface IconProps {
|
|
4
|
+
as?: "div" | "span";
|
|
5
|
+
"data-testid"?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Størrelsesvarianten til ikonet. `"small"` er 16px med 20px bounding box, og `"medium"` er 20px med 24px bounding box.
|
|
8
|
+
* `"inherit"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).
|
|
9
|
+
*/
|
|
10
|
+
variant?: IconVariant;
|
|
11
|
+
/**
|
|
12
|
+
* Angir om ikonet skal vises i fet versjon
|
|
13
|
+
* @default false
|
|
14
|
+
*/
|
|
15
|
+
bold?: boolean;
|
|
16
|
+
filled?: boolean;
|
|
17
|
+
className?: string;
|
|
18
|
+
style?: React.CSSProperties;
|
|
19
|
+
}
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
export
|
|
2
|
-
export { ScreenReaderOnly, type ScreenReaderOnlyProps } from './ScreenReaderOnly';
|
|
1
|
+
export * from './icon';
|
|
3
2
|
export * from './link';
|
|
3
|
+
export * from './link-list';
|
|
4
4
|
export * from './loader';
|
|
5
|
+
export { ScreenReaderOnly, type ScreenReaderOnlyProps } from './ScreenReaderOnly';
|
|
6
|
+
export { SlotComponent, type SlotComponentProps } from './SlotComponent';
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { PolymorphicPropsWithRef } from '../../core';
|
|
3
|
+
type LinkComponent = <ElementType extends React.ElementType = "a">(props: PolymorphicPropsWithRef<ElementType>) => React.ReactElement | null;
|
|
4
|
+
type UnorderedLinkListProps = React.HTMLAttributes<HTMLUListElement> & {
|
|
5
|
+
variant: "unordered";
|
|
6
|
+
};
|
|
7
|
+
type OrderedLinkListProps = React.HTMLAttributes<HTMLOListElement> & {
|
|
8
|
+
variant: "ordered";
|
|
9
|
+
};
|
|
10
|
+
type LinkListProps = UnorderedLinkListProps | OrderedLinkListProps;
|
|
11
|
+
export declare const LinkList: {
|
|
12
|
+
({ variant, className, ...rest }: LinkListProps): React.JSX.Element;
|
|
13
|
+
Link: LinkComponent;
|
|
14
|
+
Item: React.FC<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>>;
|
|
15
|
+
};
|
|
16
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { LinkList } from './LinkList';
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import o from"classnames";import n from"react";const a=n.forwardRef((function(n,a){const{bold:i,children:c,className:e,filled:l,variant:s,...t}=n;return r("span",{"aria-hidden":!0,ref:a,className:o("jkl-icon",e,{"jkl-icon--filled":l,"jkl-icon--bold":i,[`jkl-icon--${s}`]:!!s}),...t,children:c})}));export{a as Icon};
|
|
2
|
+
//# sourceMappingURL=Icon.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.js","sources":["../../../../src/components/icon/Icon.tsx"],"sourcesContent":["import cn from \"classnames\";\nimport React from \"react\";\nimport { PolymorphicPropsWithRef, PolymorphicRef } from \"../../core\";\nimport { IconVariant } from \"./types\";\n\ntype IconComponentProps<ElementType extends Extract<React.ElementType, \"span\" | \"div\">> = PolymorphicPropsWithRef<\n ElementType,\n {\n \"data-testid\"?: string;\n /**\n * Størrelsesvarianten til ikonet. `\"small\"` er 16px med 20px bounding box, og `\"medium\"` er 20px med 24px bounding box.\n * `\"inherit\"` setter størrelsen til ikonet (ikke bounding box) lik skriftstørrelsen (1em).\n */\n variant?: IconVariant;\n /**\n * Angir om ikonet skal vises i fet versjon\n * @default false\n */\n bold?: boolean;\n filled?: boolean;\n className?: string;\n style?: React.CSSProperties;\n }\n>;\n\nexport type IconComponent = (<ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\">(\n props: IconComponentProps<ElementType>,\n) => React.ReactElement | null) & { displayName?: string };\n\nexport const Icon: IconComponent = React.forwardRef(function Icon<\n ElementType extends Extract<React.ElementType, \"span\" | \"div\"> = \"span\",\n>(props: IconComponentProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const { bold, children, className, filled, variant, ...iconProps } = props;\n\n return (\n <span\n aria-hidden\n ref={ref}\n className={cn(\"jkl-icon\", className, {\n \"jkl-icon--filled\": filled,\n \"jkl-icon--bold\": bold,\n [`jkl-icon--${variant}`]: !!variant,\n })}\n {...iconProps}\n >\n {children}\n </span>\n );\n}) as IconComponent;\n"],"names":["Icon","React","forwardRef","props","ref","bold","children","className","filled","variant","iconProps","jsx","cn"],"mappings":"uFA6BO,MAAMA,EAAsBC,EAAMC,YAAW,SAElDC,EAAwCC,GAChC,MAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,EAAWC,OAAAA,EAAQC,QAAAA,KAAYC,GAAcP,EAGjE,OAAAQ,EAAC,OAAA,CACG,eAAW,EACXP,IAAAA,EACAG,UAAWK,EAAG,WAAYL,EAAW,CACjC,mBAAoBC,EACpB,iBAAkBH,EAClB,CAAC,aAAaI,OAAcA,OAE5BC,EAEHJ,SAAAA,GAGb"}
|