@fremtind/jokul 4.3.0 → 5.0.0-next.1

package/styles/core/utility/_paragraphs.scss

@@ -1,29 +0,0 @@
-@use "sass:map";
-@use "../jkl";
-@use "../jkl/typography";
-
-@layer jokul.utility {
-    .jkl-body {
-        @include jkl.text-style("paragraph-medium");
-    }
-
-    .jkl-bold {
-        @include jkl.text-style("paragraph-medium") {
-            --jkl-icon-weight: #{jkl.$icon-weight-bold};
-            font-weight: jkl.$typography-weight-bold;
-        }
-    }
-
-    .jkl-small {
-        @include jkl.text-style("paragraph-small");
-    }
-
-    @each $style, $_ in typography.$text-styles {
-        .jkl-#{$style} {
-            @each $property, $value in map.get(typography.$text-styles, $style)
-            {
-                #{$property}: $value;
-            }
-        }
-    }
-}

package/styles/fonts/_index.scss

@@ -1 +0,0 @@
-@forward "webfonts";

package/styles/fonts/webfonts.css

@@ -1,115 +0,0 @@
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Regular-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Regular-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 104%;
-  ascent-override: 82%;
-  descent-override: normal;
-  line-gap-override: 32%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 700;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Bold-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Bold-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 700;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 108%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: italic;
-  src: url("/fonts/FremtindGrotesk-Italic-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Italic-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 400;
-  font-style: italic;
-  src: local(arial);
-  size-adjust: 106%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk";
-  font-display: fallback;
-  font-weight: 700;
-  font-style: italic;
-  src: url("/fonts/FremtindGrotesk-BoldItalic-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-BoldItalic-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Fallback";
-  font-weight: 700;
-  font-style: italic;
-  src: local(arial);
-  size-adjust: 108%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 28%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk Display";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGrotesk-Display-Web.woff2") format("woff2"), url("/fonts/FremtindGrotesk-Display-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Arial Display Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(arial);
-  size-adjust: 102%;
-  ascent-override: 76%;
-  descent-override: normal;
-  line-gap-override: 40%;
-}
-@font-face {
-  font-family: "Fremtind Grotesk Mono";
-  font-display: fallback;
-  font-weight: 400;
-  font-style: normal;
-  src: url("/fonts/FremtindGroteskMono-Regular-Web.woff2") format("woff2"), url("/fonts/FremtindGroteskMono-Regular-Web.woff") format("woff");
-}
-@font-face {
-  font-family: "Adjusted Courier New Fallback";
-  font-weight: 400;
-  font-style: normal;
-  src: local(courier new);
-  size-adjust: 100%;
-  ascent-override: 83%;
-  descent-override: normal;
-  line-gap-override: 27%;
-}
-@font-face {
-  font-family: "Fremtind Material Symbols";
-  font-weight: 300 400;
-  font-style: normal;
-  src: url("/fonts/Fremtind-Material-Symbols.woff2") format("woff2");
-}
-@font-face {
-  font-family: "Fremtind Material Symbols Fallback";
-  src: local(courier new);
-  font-weight: 300 400;
-  font-style: normal;
-  size-adjust: 0%;
-}

package/styles/fonts/webfonts.min.css

@@ -1 +0,0 @@
-@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:normal;font-weight:400;src:url(/fonts/FremtindGrotesk-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Regular-Web.woff) format("woff")}@font-face{ascent-override:82%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:400;line-gap-override:32%;size-adjust:104%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:normal;font-weight:700;src:url(/fonts/FremtindGrotesk-Bold-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Bold-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:normal;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:italic;font-weight:400;src:url(/fonts/FremtindGrotesk-Italic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Italic-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:400;line-gap-override:28%;size-adjust:106%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk;font-style:italic;font-weight:700;src:url(/fonts/FremtindGrotesk-BoldItalic-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-BoldItalic-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Arial Fallback;font-style:italic;font-weight:700;line-gap-override:28%;size-adjust:108%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk Display;font-style:normal;font-weight:400;src:url(/fonts/FremtindGrotesk-Display-Web.woff2) format("woff2"),url(/fonts/FremtindGrotesk-Display-Web.woff) format("woff")}@font-face{ascent-override:76%;descent-override:normal;font-family:Adjusted Arial Display Fallback;font-style:normal;font-weight:400;line-gap-override:40%;size-adjust:102%;src:local(arial)}@font-face{font-display:fallback;font-family:Fremtind Grotesk Mono;font-style:normal;font-weight:400;src:url(/fonts/FremtindGroteskMono-Regular-Web.woff2) format("woff2"),url(/fonts/FremtindGroteskMono-Regular-Web.woff) format("woff")}@font-face{ascent-override:83%;descent-override:normal;font-family:Adjusted Courier New Fallback;font-style:normal;font-weight:400;line-gap-override:27%;size-adjust:100%;src:local(courier new)}@font-face{font-family:Fremtind Material Symbols;font-style:normal;font-weight:300 400;src:url(/fonts/Fremtind-Material-Symbols.woff2) format("woff2")}@font-face{font-family:Fremtind Material Symbols Fallback;font-style:normal;font-weight:300 400;size-adjust:0%;src:local(courier new)}

package/styles/fonts/webfonts.scss

@@ -1,145 +0,0 @@
-@charset "UTF-8";
-
-$webfonts-dir: "/fonts" !default;
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Regular-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Regular-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 104%;
-    ascent-override: 82%;
-    descent-override: normal;
-    line-gap-override: 32%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 700;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Bold-Web.woff2") format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Bold-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 700;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 108%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: italic;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Italic-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Italic-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 400;
-    font-style: italic;
-    src: local(arial);
-    size-adjust: 106%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk";
-    font-display: fallback;
-    font-weight: 700;
-    font-style: italic;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-BoldItalic-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-BoldItalic-Web.woff")
-            format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Fallback";
-    font-weight: 700;
-    font-style: italic;
-    src: local(arial);
-    size-adjust: 108%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 28%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk Display";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGrotesk-Display-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGrotesk-Display-Web.woff") format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Arial Display Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(arial);
-    size-adjust: 102%;
-    ascent-override: 76%;
-    descent-override: normal;
-    line-gap-override: 40%;
-}
-
-@font-face {
-    font-family: "Fremtind Grotesk Mono";
-    font-display: fallback;
-    font-weight: 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/FremtindGroteskMono-Regular-Web.woff2")
-            format("woff2"),
-        url("#{$webfonts-dir}/FremtindGroteskMono-Regular-Web.woff")
-            format("woff");
-}
-
-@font-face {
-    font-family: "Adjusted Courier New Fallback";
-    font-weight: 400;
-    font-style: normal;
-    src: local(courier new);
-    size-adjust: 100%;
-    ascent-override: 83%;
-    descent-override: normal;
-    line-gap-override: 27%;
-}
-
-@font-face {
-    font-family: "Fremtind Material Symbols";
-    font-weight: 300 400;
-    font-style: normal;
-    src: url("#{$webfonts-dir}/Fremtind-Material-Symbols.woff2") format("woff2");
-}
-
-@font-face {
-    font-family: "Fremtind Material Symbols Fallback";
-    src: local(courier new);
-    font-weight: 300 400;
-    font-style: normal;
-    size-adjust: 0%;
-}