@ndla/ui 56.0.190-alpha.0 → 56.0.192-alpha.0

package/lib/utils/licenseAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"licenseAttributes.js","names":[],"sources":["../../src/utils/licenseAttributes.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { getLicenseByAbbreviation, isCreativeCommonsLicense } from \"@ndla/licenses\";\n\nexport const licenseAttributes = (license: string | undefined, lang: string | undefined, url: string | undefined) => {\n  const licenseAbbr = getLicenseByAbbreviation(license ? license : \"\", lang);\n\n  const licenseProps = isCreativeCommonsLicense(licenseAbbr.rights)\n    ? {\n        \"xmlns:cc\": \"https://creativecommons.org/ns#\",\n        \"xmlns:dct\": \"http://purl.org/dc/terms/\",\n        about: url ?? undefined,\n      }\n    : {};\n\n  return licenseProps;\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAa,qBAAqB,SAA6B,MAA0B,QAA4B;AAWnH,SAAA,GAAA,eAAA,2BAAA,GAAA,eAAA,0BAV6C,UAAU,UAAU,IAAI,KAAK,CAEhB,OAAO,GAC7D;EACE,YAAY;EACZ,aAAa;EACb,OAAO,OAAO,KAAA;EACf,GACD,EAAE"}
+{"version":3,"file":"licenseAttributes.js","names":[],"sources":["../../src/utils/licenseAttributes.ts"],"sourcesContent":["/**\n * Copyright (c) 2024-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nimport { getLicenseByAbbreviation, isCreativeCommonsLicense } from \"@ndla/licenses\";\n\nexport const licenseAttributes = (license: string | undefined, lang: string | undefined, url: string | undefined) => {\n  const licenseAbbr = getLicenseByAbbreviation(license ? license : \"\", lang);\n\n  const licenseProps = isCreativeCommonsLicense(licenseAbbr.rights)\n    ? {\n        \"xmlns:cc\": \"https://creativecommons.org/ns#\",\n        \"xmlns:dct\": \"http://purl.org/dc/terms/\",\n        about: url ?? undefined,\n      }\n    : {};\n\n  return licenseProps;\n};\n"],"mappings":";;;;;;;;;;AAUA,MAAa,qBAAqB,SAA6B,MAA0B,QAA4B;CAWnH,QAAA,GAAA,eAAA,2BAAA,GAAA,eAAA,0BAV6C,UAAU,UAAU,IAAI,IAEb,EAAE,MAAM,IAC5D;EACE,YAAY;EACZ,aAAa;EACb,OAAO,OAAO,KAAA;CAChB,IACA,CAAC;AAGP"}

package/lib/utils/relativeUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"relativeUrl.js","names":[],"sources":["../../src/utils/relativeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) 2023-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nconst supportedTranslationLanguages = [\"nb\", \"nn\", \"en\", \"se\"] as const;\n\nconst ENV_REGEX = /(staging|test)\\.?/;\nconst LANGUAGE_REGEX = new RegExp(`^\\\\/((?:${supportedTranslationLanguages.join(\"|\")})(?:$|\\\\/))`, \"\");\n\nconst NDLA_URL = /(.*\\.)?ndla.no.*/;\nconst REPLACE_WWW = /^www\\./;\n\nexport const getPossiblyRelativeUrl = (url: string, path?: string) => {\n  if (!path) return url;\n  // If url is a mailto link, return url as is.\n  if (url.startsWith(\"mailto:\")) return url;\n  // If not on NDLA, or if url is not a NDLA url, return url as is\n  if (!NDLA_URL.test(url) || !NDLA_URL.test(path)) return url;\n  //Remove environment info\n  const urlObj = new URL(url.replace(ENV_REGEX, \"\"));\n  const pathObj = new URL(path.replace(ENV_REGEX, \"\"));\n  // If the host is the same, return the relative path\n  if (urlObj.hostname.replace(REPLACE_WWW, \"\") === pathObj.hostname.replace(REPLACE_WWW, \"\")) {\n    // Replace the language part of the url with the language part of the path\n    // Keep the search params if they exist\n    const search = urlObj.search;\n    // If the path language part does not exist, remove it.\n    const urlMatch = urlObj.pathname.match(LANGUAGE_REGEX);\n    const pathMatch = pathObj.pathname.match(LANGUAGE_REGEX);\n    if (urlMatch?.[1] && urlMatch?.[1] !== pathMatch?.[1]) {\n      return `${urlObj.pathname.replace(urlMatch[1], pathMatch?.[1] || \"\")}${search}`;\n    }\n\n    return `${urlObj.pathname}${search}`;\n  }\n  return url;\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,gCAAgC;CAAC;CAAM;CAAM;CAAM;CAAK;AAE9D,MAAM,YAAY;AAClB,MAAM,iBAAiB,IAAI,OAAO,WAAW,8BAA8B,KAAK,IAAI,CAAC,cAAc,GAAG;AAEtG,MAAM,WAAW;AACjB,MAAM,cAAc;AAEpB,MAAa,0BAA0B,KAAa,SAAkB;AACpE,KAAI,CAAC,KAAM,QAAO;AAElB,KAAI,IAAI,WAAW,UAAU,CAAE,QAAO;AAEtC,KAAI,CAAC,SAAS,KAAK,IAAI,IAAI,CAAC,SAAS,KAAK,KAAK,CAAE,QAAO;CAExD,MAAM,SAAS,IAAI,IAAI,IAAI,QAAQ,WAAW,GAAG,CAAC;CAClD,MAAM,UAAU,IAAI,IAAI,KAAK,QAAQ,WAAW,GAAG,CAAC;AAEpD,KAAI,OAAO,SAAS,QAAQ,aAAa,GAAG,KAAK,QAAQ,SAAS,QAAQ,aAAa,GAAG,EAAE;EAG1F,MAAM,SAAS,OAAO;EAEtB,MAAM,WAAW,OAAO,SAAS,MAAM,eAAe;EACtD,MAAM,YAAY,QAAQ,SAAS,MAAM,eAAe;AACxD,MAAI,WAAW,MAAM,WAAW,OAAO,YAAY,GACjD,QAAO,GAAG,OAAO,SAAS,QAAQ,SAAS,IAAI,YAAY,MAAM,GAAG,GAAG;AAGzE,SAAO,GAAG,OAAO,WAAW;;AAE9B,QAAO"}
+{"version":3,"file":"relativeUrl.js","names":[],"sources":["../../src/utils/relativeUrl.ts"],"sourcesContent":["/**\n * Copyright (c) 2023-present, NDLA.\n *\n * This source code is licensed under the GPLv3 license found in the\n * LICENSE file in the root directory of this source tree.\n *\n */\n\nconst supportedTranslationLanguages = [\"nb\", \"nn\", \"en\", \"se\"] as const;\n\nconst ENV_REGEX = /(staging|test)\\.?/;\nconst LANGUAGE_REGEX = new RegExp(`^\\\\/((?:${supportedTranslationLanguages.join(\"|\")})(?:$|\\\\/))`, \"\");\n\nconst NDLA_URL = /(.*\\.)?ndla.no.*/;\nconst REPLACE_WWW = /^www\\./;\n\nexport const getPossiblyRelativeUrl = (url: string, path?: string) => {\n  if (!path) return url;\n  // If url is a mailto link, return url as is.\n  if (url.startsWith(\"mailto:\")) return url;\n  // If not on NDLA, or if url is not a NDLA url, return url as is\n  if (!NDLA_URL.test(url) || !NDLA_URL.test(path)) return url;\n  //Remove environment info\n  const urlObj = new URL(url.replace(ENV_REGEX, \"\"));\n  const pathObj = new URL(path.replace(ENV_REGEX, \"\"));\n  // If the host is the same, return the relative path\n  if (urlObj.hostname.replace(REPLACE_WWW, \"\") === pathObj.hostname.replace(REPLACE_WWW, \"\")) {\n    // Replace the language part of the url with the language part of the path\n    // Keep the search params if they exist\n    const search = urlObj.search;\n    // If the path language part does not exist, remove it.\n    const urlMatch = urlObj.pathname.match(LANGUAGE_REGEX);\n    const pathMatch = pathObj.pathname.match(LANGUAGE_REGEX);\n    if (urlMatch?.[1] && urlMatch?.[1] !== pathMatch?.[1]) {\n      return `${urlObj.pathname.replace(urlMatch[1], pathMatch?.[1] || \"\")}${search}`;\n    }\n\n    return `${urlObj.pathname}${search}`;\n  }\n  return url;\n};\n"],"mappings":";;;;;;;;AAQA,MAAM,gCAAgC;CAAC;CAAM;CAAM;CAAM;AAAI;AAE7D,MAAM,YAAY;AAClB,MAAM,iBAAiB,IAAI,OAAO,WAAW,8BAA8B,KAAK,GAAG,EAAE,cAAc,EAAE;AAErG,MAAM,WAAW;AACjB,MAAM,cAAc;AAEpB,MAAa,0BAA0B,KAAa,SAAkB;CACpE,IAAI,CAAC,MAAM,OAAO;CAElB,IAAI,IAAI,WAAW,SAAS,GAAG,OAAO;CAEtC,IAAI,CAAC,SAAS,KAAK,GAAG,KAAK,CAAC,SAAS,KAAK,IAAI,GAAG,OAAO;CAExD,MAAM,SAAS,IAAI,IAAI,IAAI,QAAQ,WAAW,EAAE,CAAC;CACjD,MAAM,UAAU,IAAI,IAAI,KAAK,QAAQ,WAAW,EAAE,CAAC;CAEnD,IAAI,OAAO,SAAS,QAAQ,aAAa,EAAE,MAAM,QAAQ,SAAS,QAAQ,aAAa,EAAE,GAAG;EAG1F,MAAM,SAAS,OAAO;EAEtB,MAAM,WAAW,OAAO,SAAS,MAAM,cAAc;EACrD,MAAM,YAAY,QAAQ,SAAS,MAAM,cAAc;EACvD,IAAI,WAAW,MAAM,WAAW,OAAO,YAAY,IACjD,OAAO,GAAG,OAAO,SAAS,QAAQ,SAAS,IAAI,YAAY,MAAM,EAAE,IAAI;EAGzE,OAAO,GAAG,OAAO,WAAW;CAC9B;CACA,OAAO;AACT"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/ui",
   "type": "module",
-  "version": "56.0.190-alpha.0",
+  "version": "56.0.192-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "exports": {
@@ -39,10 +39,10 @@
     "@ark-ui/react": "^5.34.1",
     "@ndla/core": "^6.0.7-alpha.0",
     "@ndla/icons": "^8.0.89-alpha.0",
-    "@ndla/licenses": "^10.0.11-alpha.0",
+    "@ndla/licenses": "^10.0.12-alpha.0",
     "@ndla/locales": "^0.0.3",
-    "@ndla/primitives": "^1.0.128-alpha.0",
-    "@ndla/safelink": "^7.0.131-alpha.0",
+    "@ndla/primitives": "^1.0.130-alpha.0",
+    "@ndla/safelink": "^7.0.133-alpha.0",
     "@ndla/styled-system": "^0.0.49",
     "@ndla/util": "^5.0.21-alpha.0",
     "html-react-parser": "^6.0.0"
@@ -63,5 +63,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "e1b75ddb9016e416795b8264b6c53735ab18ec46"
+  "gitHead": "609d5d044ece059de95a3142847ad9ab8737f468"
 }

package/src/AudioPlayer/AudioProgress.tsx

@@ -34,6 +34,9 @@ const StyledSliderThumb = styled(SliderThumb, {
       simple: {
         marginBlockStart: "-4xsmall",
         transitionProperty: "background, border-radius, width, height",
+        width: "4xsmall",
+        height: "4xsmall",
+        borderRadius: "sharp",
       },
     },
   },

package/src/AudioPlayer/SpeechControl.tsx

@@ -20,7 +20,7 @@ export const SpeechControl = ({ src, title }: Props) => {
 
   return (
     <div data-embed-type="speech">
-      {/* oxlint-disable-next-line jsx-a11y/media-has-caption */}
+      {/* oxlint-disable-next-line jsx-a11y/media-has-caption oxlint-disable-next-line jsx-a11y/control-has-associated-label */}
       <audio ref={audioRef} src={src} title={title} preload="metadata" />
       <PlayButton variant="tertiary" onClick={togglePlay}>
         <VolumeUpFill />

package/src/Embed/UuDisclaimerEmbed.tsx

@@ -65,6 +65,7 @@ export const UuDisclaimerEmbed = ({ embed, transformedDisclaimer, children }: Pr
   }
 
   return (
+    // oxlint-disable-next-line jsx-a11y/prefer-tag-over-role
     <DisclaimerWrapper role="region" data-embed-type="uu-disclaimer">
       <PopoverRoot>
         <PopoverTrigger asChild>

package/src/FactBox/FactBox.tsx

@@ -31,6 +31,7 @@ const StyledAside = styled("aside", {
   base: {
     position: "relative",
     padding: "medium",
+    paddingBottom: "xxlarge",
     display: "grid",
     gridTemplateRows: "0fr",
     transitionProperty: "grid-template-rows",