@fremtind/jokul 0.62.2 → 0.62.4

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.
Files changed (53) hide show
  1. package/build/build-stats.html +1 -1
  2. package/build/cjs/components/link/Link.cjs +1 -1
  3. package/build/cjs/components/link/Link.cjs.map +1 -1
  4. package/build/es/components/link/Link.js +1 -1
  5. package/build/es/components/link/Link.js.map +1 -1
  6. package/build/style.css +1 -1
  7. package/package.json +2 -2
  8. package/styles/components/button/button.css +3 -3
  9. package/styles/components/button/button.min.css +1 -1
  10. package/styles/components/checkbox/checkbox.css +4 -4
  11. package/styles/components/checkbox/checkbox.min.css +1 -1
  12. package/styles/components/checkbox-panel/checkbox-panel.css +2 -2
  13. package/styles/components/checkbox-panel/checkbox-panel.min.css +1 -1
  14. package/styles/components/combobox/combobox.css +0 -3
  15. package/styles/components/combobox/combobox.min.css +1 -1
  16. package/styles/components/combobox/combobox.scss +0 -4
  17. package/styles/components/countdown/countdown.css +2 -2
  18. package/styles/components/countdown/countdown.min.css +1 -1
  19. package/styles/components/feedback/feedback.css +2 -2
  20. package/styles/components/feedback/feedback.min.css +1 -1
  21. package/styles/components/icon/_base-styles.scss +21 -0
  22. package/styles/components/icon/icon.scss +2 -13
  23. package/styles/components/input-group/input-group.css +2 -2
  24. package/styles/components/input-group/input-group.min.css +1 -1
  25. package/styles/components/link/link.css +23 -0
  26. package/styles/components/link/link.min.css +1 -1
  27. package/styles/components/link/link.scss +18 -0
  28. package/styles/components/loader/loader.css +6 -6
  29. package/styles/components/loader/loader.min.css +1 -1
  30. package/styles/components/loader/skeleton-loader.css +5 -5
  31. package/styles/components/loader/skeleton-loader.min.css +1 -1
  32. package/styles/components/message/message.css +2 -2
  33. package/styles/components/message/message.min.css +1 -1
  34. package/styles/components/progress-bar/progress-bar.css +1 -1
  35. package/styles/components/progress-bar/progress-bar.min.css +1 -1
  36. package/styles/components/radio-button/radio-button.css +2 -2
  37. package/styles/components/radio-button/radio-button.min.css +1 -1
  38. package/styles/components/radio-panel/radio-panel.css +2 -2
  39. package/styles/components/radio-panel/radio-panel.min.css +1 -1
  40. package/styles/components/select/select.css +0 -3
  41. package/styles/components/select/select.min.css +1 -1
  42. package/styles/components/select/select.scss +0 -8
  43. package/styles/components/system-message/system-message.css +2 -2
  44. package/styles/components/system-message/system-message.min.css +1 -1
  45. package/styles/components/text-area/text-area.css +0 -3
  46. package/styles/components/text-area/text-area.min.css +1 -1
  47. package/styles/components/text-input/text-input.css +0 -3
  48. package/styles/components/text-input/text-input.min.css +1 -1
  49. package/styles/components/toast/toast.css +4 -4
  50. package/styles/components/toast/toast.min.css +1 -1
  51. package/styles/shared/input/shared-input-styles.scss +0 -5
  52. package/styles/styles.css +61 -51
  53. package/styles/styles.min.css +1 -1
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),s=require("../icon/icons/OpenInNewIcon.cjs"),c=r.forwardRef((function(c,i){const{external:a=!1,className:l="",children:t,as:o="a",...d}=c,j=o,u=r.useId();return e.jsxs(j,{ref:i,className:n.clsx("jkl-link",l,{}),"aria-describedby":a?u:void 0,...d,children:[e.jsx("span",{className:"jkl-link__content",children:t}),(a||"_blank"===d.target)&&e.jsx(s.OpenInNewIcon,{variant:"small",className:"jkl-link__icon"}),a&&e.jsx("span",{hidden:!0,id:u,children:"Ekstern lenke"})]})}));exports.Link=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),n=require("react"),s=n.forwardRef((function(s,l){const{external:t=!1,className:a="",children:i,as:c="a",...d}=s,o=c,k=n.useId();return e.jsxs(o,{ref:l,className:r.clsx("jkl-link",a,{"jkl-link--external":t}),"aria-describedby":t?k:void 0,...d,children:[e.jsx("span",{className:"jkl-link__content",children:i}),(t||"_blank"===d.target)&&e.jsx("span",{hidden:!0,id:k,children:"Ekstern lenke"})]})}));exports.Link=s;
2
2
  //# sourceMappingURL=Link.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Link.cjs","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { OpenInNewIcon } from \"../icon/icons/OpenInNewIcon.js\";\nimport { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n external = false,\n className = \"\",\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n\n const srId = useId();\n\n return (\n <Component\n ref={ref}\n className={clsx(\"jkl-link\", className, {})}\n aria-describedby={external ? srId : undefined}\n {...rest}\n >\n <span className=\"jkl-link__content\">{children}</span>\n {(external || rest.target === \"_blank\") && (\n <OpenInNewIcon variant=\"small\" className=\"jkl-link__icon\" />\n )}\n {external && (\n <span hidden={true} id={srId}>\n Ekstern lenke\n </span>\n )}\n </Component>\n );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","OpenInNewIcon","variant","hidden","id"],"mappings":"6NAUaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,EAAAA,QAGT,OAAAC,EAAAA,KAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAAA,KAAK,WAAYR,EAAW,CAAA,GACvC,mBAAkBD,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAAA,IAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,eACdC,gBAAc,CAAAC,QAAQ,QAAQZ,UAAU,mBAE5CD,GACIU,EAAAA,IAAA,OAAA,CAAKI,QAAQ,EAAMC,GAAIT,EAAMJ,SAE9B,oBAIhB"}
1
+ {"version":3,"file":"Link.cjs","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n external = false,\n className = \"\",\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n\n const srId = useId();\n\n return (\n <Component\n ref={ref}\n className={clsx(\"jkl-link\", className, {\n \"jkl-link--external\": external,\n })}\n aria-describedby={external ? srId : undefined}\n {...rest}\n >\n <span className=\"jkl-link__content\">{children}</span>\n {(external || rest.target === \"_blank\") && (\n <span hidden={true} id={srId}>\n Ekstern lenke\n </span>\n )}\n </Component>\n );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","hidden","id"],"mappings":"gLASaA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,EAAAA,QAGT,OAAAC,EAAAA,KAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAAA,KAAK,WAAYR,EAAW,CACnC,qBAAsBD,IAE1B,mBAAkBA,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAAA,IAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,SACfD,EAAAA,IAAC,QAAKE,QAAQ,EAAMC,GAAIP,EAAMJ,SAE9B,oBAIhB"}
@@ -1,2 +1,2 @@
1
- import{jsxs as n,jsx as s}from"react/jsx-runtime";import{c as e}from"../../../clsx-BeLtu-UY.js";import a,{useId as r}from"react";import{OpenInNewIcon as i}from"../icon/icons/OpenInNewIcon.js";const c=a.forwardRef((function(a,c){const{external:l=!1,className:o="",children:t,as:m="a",...d}=a,k=m,p=r();return n(k,{ref:c,className:e("jkl-link",o,{}),"aria-describedby":l?p:void 0,...d,children:[s("span",{className:"jkl-link__content",children:t}),(l||"_blank"===d.target)&&s(i,{variant:"small",className:"jkl-link__icon"}),l&&s("span",{hidden:!0,id:p,children:"Ekstern lenke"})]})}));export{c as Link};
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{c as s}from"../../../clsx-BeLtu-UY.js";import a,{useId as n}from"react";const i=a.forwardRef((function(a,i){const{external:l=!1,className:t="",children:c,as:o="a",...d}=a,k=o,m=n();return e(k,{ref:i,className:s("jkl-link",t,{"jkl-link--external":l}),"aria-describedby":l?m:void 0,...d,children:[r("span",{className:"jkl-link__content",children:c}),(l||"_blank"===d.target)&&r("span",{hidden:!0,id:m,children:"Ekstern lenke"})]})}));export{i as Link};
2
2
  //# sourceMappingURL=Link.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { OpenInNewIcon } from \"../icon/icons/OpenInNewIcon.js\";\nimport { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n external = false,\n className = \"\",\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n\n const srId = useId();\n\n return (\n <Component\n ref={ref}\n className={clsx(\"jkl-link\", className, {})}\n aria-describedby={external ? srId : undefined}\n {...rest}\n >\n <span className=\"jkl-link__content\">{children}</span>\n {(external || rest.target === \"_blank\") && (\n <OpenInNewIcon variant=\"small\" className=\"jkl-link__icon\" />\n )}\n {external && (\n <span hidden={true} id={srId}>\n Ekstern lenke\n </span>\n )}\n </Component>\n );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","OpenInNewIcon","variant","hidden","id"],"mappings":"gMAUO,MAAMA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,IAGT,OAAAC,EAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAK,WAAYR,EAAW,CAAA,GACvC,mBAAkBD,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,WACdC,EAAc,CAAAC,QAAQ,QAAQZ,UAAU,mBAE5CD,GACIU,EAAA,OAAA,CAAKI,QAAQ,EAAMC,GAAIT,EAAMJ,SAE9B,oBAIhB"}
1
+ {"version":3,"file":"Link.js","sources":["../../../../src/components/link/Link.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { useId } from \"react\";\nimport { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport { LinkProps } from \"./types.js\";\n\ntype LinkComponent = <ElementType extends React.ElementType = \"a\">(\n props: LinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const Link = React.forwardRef(function Link<\n ElementType extends React.ElementType = \"a\",\n>(props: LinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n const {\n external = false,\n className = \"\",\n children,\n as = \"a\",\n ...rest\n } = props;\n const Component = as;\n\n const srId = useId();\n\n return (\n <Component\n ref={ref}\n className={clsx(\"jkl-link\", className, {\n \"jkl-link--external\": external,\n })}\n aria-describedby={external ? srId : undefined}\n {...rest}\n >\n <span className=\"jkl-link__content\">{children}</span>\n {(external || rest.target === \"_blank\") && (\n <span hidden={true} id={srId}>\n Ekstern lenke\n </span>\n )}\n </Component>\n );\n}) as LinkComponent;\n"],"names":["Link","React","forwardRef","props","ref","external","className","children","as","rest","Component","srId","useId","jsxs","clsx","jsx","target","hidden","id"],"mappings":"iIASO,MAAMA,EAAOC,EAAMC,YAAW,SAEnCC,EAA+BC,GACvB,MACFC,SAAAA,GAAW,EACXC,UAAAA,EAAY,GACZC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHN,EACEO,EAAYF,EAEZG,EAAOC,IAGT,OAAAC,EAACH,EAAA,CACGN,IAAAA,EACAE,UAAWQ,EAAK,WAAYR,EAAW,CACnC,qBAAsBD,IAE1B,mBAAkBA,EAAWM,OAAO,KAChCF,EAEJF,SAAA,CAACQ,EAAA,OAAA,CAAKT,UAAU,oBAAqBC,SAAAA,KACnCF,GAA4B,WAAhBI,EAAKO,SACfD,EAAC,QAAKE,QAAQ,EAAMC,GAAIP,EAAMJ,SAE9B,oBAIhB"}