@ndla/ui 56.0.142-alpha.0 → 56.0.143-alpha.0

package/lib/model/SubjectCategories.js

@@ -1,8 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
 
 //#region src/model/SubjectCategories.ts
-var SubjectCategories_exports = {};
-require_rolldown_runtime.__export(SubjectCategories_exports, {
+var SubjectCategories_exports = /* @__PURE__ */ require_rolldown_runtime.__export({
 	ACTIVE_SUBJECTS: () => ACTIVE_SUBJECTS,
 	ARCHIVE_SUBJECTS: () => ARCHIVE_SUBJECTS,
 	BETA_SUBJECTS: () => BETA_SUBJECTS,

package/lib/model/SubjectCategories.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectCategories.js","names":[],"sources":["../../src/model/SubjectCategories.ts"],"sourcesContent":["/**\n * Copyright (c) 2021-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\nexport const ACTIVE_SUBJECTS = \"active\";\nexport const ARCHIVE_SUBJECTS = \"archive\";\nexport const BETA_SUBJECTS = \"beta\";\nexport const OTHER = \"otherResources\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,mBAAmB;AAChC,MAAa,gBAAgB;AAC7B,MAAa,QAAQ"}
+{"version":3,"file":"SubjectCategories.js","names":[],"sources":["../../src/model/SubjectCategories.ts"],"sourcesContent":["/**\n * Copyright (c) 2021-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\nexport const ACTIVE_SUBJECTS = \"active\";\nexport const ARCHIVE_SUBJECTS = \"archive\";\nexport const BETA_SUBJECTS = \"beta\";\nexport const OTHER = \"otherResources\";\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,MAAa,kBAAkB;AAC/B,MAAa,mBAAmB;AAChC,MAAa,gBAAgB;AAC7B,MAAa,QAAQ"}

package/lib/model/SubjectTypes.js

@@ -1,8 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
 
 //#region src/model/SubjectTypes.ts
-var SubjectTypes_exports = {};
-require_rolldown_runtime.__export(SubjectTypes_exports, {
+var SubjectTypes_exports = /* @__PURE__ */ require_rolldown_runtime.__export({
 	ARCHIVE_SUBJECT: () => ARCHIVE_SUBJECT,
 	BETA_SUBJECT: () => BETA_SUBJECT,
 	RESOURCE_COLLECTION: () => RESOURCE_COLLECTION,

package/lib/model/SubjectTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubjectTypes.js","names":[],"sources":["../../src/model/SubjectTypes.ts"],"sourcesContent":["/**\n * Copyright (c) 2022-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\nexport const BETA_SUBJECT = \"betaSubject\";\nexport const SUBJECT = \"subject\";\nexport const RESOURCE_COLLECTION = \"resourceCollection\";\nexport const ARCHIVE_SUBJECT = \"archiveSubject\";\n"],"mappings":";;;;;;;;;;;;;;;;;AAQA,MAAa,eAAe;AAC5B,MAAa,UAAU;AACvB,MAAa,sBAAsB;AACnC,MAAa,kBAAkB"}
+{"version":3,"file":"SubjectTypes.js","names":[],"sources":["../../src/model/SubjectTypes.ts"],"sourcesContent":["/**\n * Copyright (c) 2022-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\nexport const BETA_SUBJECT = \"betaSubject\";\nexport const SUBJECT = \"subject\";\nexport const RESOURCE_COLLECTION = \"resourceCollection\";\nexport const ARCHIVE_SUBJECT = \"archiveSubject\";\n"],"mappings":";;;;;;;;;;;;;;;;AAQA,MAAa,eAAe;AAC5B,MAAa,UAAU;AACvB,MAAa,sBAAsB;AACnC,MAAa,kBAAkB"}

package/lib/model/WordClass.js

@@ -1,8 +1,7 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
 
 //#region src/model/WordClass.ts
-var WordClass_exports = {};
-require_rolldown_runtime.__export(WordClass_exports, { wordClass: () => wordClass });
+var WordClass_exports = /* @__PURE__ */ require_rolldown_runtime.__export({ wordClass: () => wordClass });
 /**
 * Copyright (c) 2023-present, NDLA.
 *

package/lib/model/WordClass.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordClass.js","names":[],"sources":["../../src/model/WordClass.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\nexport const wordClass = {\n  adjective: \"adjective\",\n  adverb: \"adverb\",\n  properNoun: \"proper-noun\",\n  auxiliary: \"auxiliary\",\n  complement: \"complement\",\n  conjunction: \"conjunction\",\n  coverb: \"coverb\",\n  determiner: \"determiner\",\n  interjection: \"interjection\",\n  quantifier: \"quantifier\",\n  marker: \"marker\",\n  modalVerb: \"modal-verb\",\n  measureWord: \"measure-word\",\n  noun: \"noun\",\n  \"noun-zh\": \"noun-zh\",\n  nounPhrase: \"noun-phrase\",\n  onomatopoeia: \"onomatopoeia\",\n  particle: \"particle\",\n  demonstrative: \"demonstrative\",\n  personalPronoun: \"personal-pronoun\",\n  preposition: \"preposition\",\n  pronoun: \"pronoun\",\n  questionWord: \"question-word\",\n  locationWord: \"location-word\",\n  suffix: \"suffix\",\n  numeral: \"numeral\",\n  timeWord: \"time word\",\n  timeExpression: \"time-expression\",\n  stativeVerb: \"stative-verb\",\n  subordinatingConjunction: \"subordinating-conjunction\",\n  exclamationWord: \"exclamation-word\",\n  expression: \"expression\",\n  verb: \"verb\",\n  verbComplement: \"verb-complement\",\n  verbObject: \"verb-object\",\n};\n"],"mappings":";;;;;;;;;;;;AAQA,MAAa,YAAY;CACvB,WAAW;CACX,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,YAAY;CACZ,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,cAAc;CACd,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,aAAa;CACb,MAAM;CACN,WAAW;CACX,YAAY;CACZ,cAAc;CACd,UAAU;CACV,eAAe;CACf,iBAAiB;CACjB,aAAa;CACb,SAAS;CACT,cAAc;CACd,cAAc;CACd,QAAQ;CACR,SAAS;CACT,UAAU;CACV,gBAAgB;CAChB,aAAa;CACb,0BAA0B;CAC1B,iBAAiB;CACjB,YAAY;CACZ,MAAM;CACN,gBAAgB;CAChB,YAAY;AACb"}
+{"version":3,"file":"WordClass.js","names":[],"sources":["../../src/model/WordClass.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\nexport const wordClass = {\n  adjective: \"adjective\",\n  adverb: \"adverb\",\n  properNoun: \"proper-noun\",\n  auxiliary: \"auxiliary\",\n  complement: \"complement\",\n  conjunction: \"conjunction\",\n  coverb: \"coverb\",\n  determiner: \"determiner\",\n  interjection: \"interjection\",\n  quantifier: \"quantifier\",\n  marker: \"marker\",\n  modalVerb: \"modal-verb\",\n  measureWord: \"measure-word\",\n  noun: \"noun\",\n  \"noun-zh\": \"noun-zh\",\n  nounPhrase: \"noun-phrase\",\n  onomatopoeia: \"onomatopoeia\",\n  particle: \"particle\",\n  demonstrative: \"demonstrative\",\n  personalPronoun: \"personal-pronoun\",\n  preposition: \"preposition\",\n  pronoun: \"pronoun\",\n  questionWord: \"question-word\",\n  locationWord: \"location-word\",\n  suffix: \"suffix\",\n  numeral: \"numeral\",\n  timeWord: \"time word\",\n  timeExpression: \"time-expression\",\n  stativeVerb: \"stative-verb\",\n  subordinatingConjunction: \"subordinating-conjunction\",\n  exclamationWord: \"exclamation-word\",\n  expression: \"expression\",\n  verb: \"verb\",\n  verbComplement: \"verb-complement\",\n  verbObject: \"verb-object\",\n};\n"],"mappings":";;;;;;;;;;;AAQA,MAAa,YAAY;CACvB,WAAW;CACX,QAAQ;CACR,YAAY;CACZ,WAAW;CACX,YAAY;CACZ,aAAa;CACb,QAAQ;CACR,YAAY;CACZ,cAAc;CACd,YAAY;CACZ,QAAQ;CACR,WAAW;CACX,aAAa;CACb,MAAM;CACN,WAAW;CACX,YAAY;CACZ,cAAc;CACd,UAAU;CACV,eAAe;CACf,iBAAiB;CACjB,aAAa;CACb,SAAS;CACT,cAAc;CACd,cAAc;CACd,QAAQ;CACR,SAAS;CACT,UAAU;CACV,gBAAgB;CAChB,aAAa;CACb,0BAA0B;CAC1B,iBAAiB;CACjB,YAAY;CACZ,MAAM;CACN,gBAAgB;CAChB,YAAY;CACb"}

package/lib/model/index.js

@@ -1,19 +1,19 @@
-const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_ContentType = require('./ContentType.js');
-const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_SubjectCategories = require('./SubjectCategories.js');
-const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_SubjectTypes = require('./SubjectTypes.js');
-const require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_WordClass = require('./WordClass.js');
+const require_ContentType = require('./ContentType.js');
+const require_SubjectCategories = require('./SubjectCategories.js');
+const require_SubjectTypes = require('./SubjectTypes.js');
+const require_WordClass = require('./WordClass.js');
 
 //#region src/model/index.ts
 const model = {
-	contentTypes: require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_ContentType.contentTypes,
-	subjectCategories: require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_SubjectCategories.SubjectCategories_exports,
-	subjectTypes: require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_SubjectTypes.SubjectTypes_exports,
-	contentTypeMapping: require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_ContentType.contentTypeMapping,
-	resourceEmbedTypeMapping: require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_ContentType.resourceEmbedTypeMapping,
-	wordClass: require__Users_jec_code_ndla_frontend_packages_packages_ndla_ui_src_model_WordClass.WordClass_exports
+	contentTypes: require_ContentType.contentTypes,
+	subjectCategories: require_SubjectCategories.SubjectCategories_exports,
+	subjectTypes: require_SubjectTypes.SubjectTypes_exports,
+	contentTypeMapping: require_ContentType.contentTypeMapping,
+	resourceEmbedTypeMapping: require_ContentType.resourceEmbedTypeMapping,
+	wordClass: require_WordClass.WordClass_exports
 };
 var model_default = model;
 
 //#endregion
-exports.model_default = model_default;
+exports.default = model_default;
 //# sourceMappingURL=index.js.map

package/lib/model/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/model/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2017-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 { contentTypes, contentTypeMapping, resourceEmbedTypeMapping } from \"./ContentType\";\nimport * as subjectCategories from \"./SubjectCategories\";\nimport * as subjectTypes from \"./SubjectTypes\";\nimport * as wordClass from \"./WordClass\";\n\nconst model = {\n  contentTypes,\n  subjectCategories,\n  subjectTypes,\n  contentTypeMapping,\n  resourceEmbedTypeMapping,\n  wordClass,\n};\n\nexport default model;\n"],"mappings":";;;;;;AAaA,MAAM,QAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;AACD;AAED,oBAAe"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/model/index.ts"],"sourcesContent":["/**\n * Copyright (c) 2017-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 { contentTypes, contentTypeMapping, resourceEmbedTypeMapping } from \"./ContentType\";\nimport * as subjectCategories from \"./SubjectCategories\";\nimport * as subjectTypes from \"./SubjectTypes\";\nimport * as wordClass from \"./WordClass\";\n\nconst model = {\n  contentTypes,\n  subjectCategories,\n  subjectTypes,\n  contentTypeMapping,\n  resourceEmbedTypeMapping,\n  wordClass,\n};\n\nexport default model;\n"],"mappings":";;;;;;AAaA,MAAM,QAAQ;CACZ;CACA;CACA;CACA;CACA;CACA;CACD;AAED,oBAAe"}

package/lib/utils/licenseAttributes.js

@@ -1,15 +1,15 @@
 const require_rolldown_runtime = require('../_virtual/rolldown_runtime.js');
-const __ndla_licenses = require_rolldown_runtime.__toESM(require("@ndla/licenses"));
+let __ndla_licenses = require("@ndla/licenses");
+__ndla_licenses = require_rolldown_runtime.__toESM(__ndla_licenses);
 
 //#region src/utils/licenseAttributes.ts
 const licenseAttributes = (license, lang, url) => {
 	const licenseAbbr = (0, __ndla_licenses.getLicenseByAbbreviation)(license ? license : "", lang);
-	const licenseProps = (0, __ndla_licenses.isCreativeCommonsLicense)(licenseAbbr.rights) ? {
+	return (0, __ndla_licenses.isCreativeCommonsLicense)(licenseAbbr.rights) ? {
 		"xmlns:cc": "https://creativecommons.org/ns#",
 		"xmlns:dct": "http://purl.org/dc/terms/",
 		about: url ?? void 0
 	} : {};
-	return licenseProps;
 };
 
 //#endregion

package/lib/utils/licenseAttributes.js.map

@@ -1 +1 @@
-{"version":3,"file":"licenseAttributes.js","names":["license: string | undefined","lang: string | undefined","url: string | undefined"],"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,oBAAoB,CAACA,SAA6BC,MAA0BC,QAA4B;CACnH,MAAM,cAAc,8CAAyB,UAAU,UAAU,IAAI,KAAK;CAE1E,MAAM,eAAe,8CAAyB,YAAY,OAAO,GAC7D;EACE,YAAY;EACZ,aAAa;EACb,OAAO;CACR,IACD,CAAE;AAEN,QAAO;AACR"}
+{"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;CACnH,MAAM,4DAAuC,UAAU,UAAU,IAAI,KAAK;AAU1E,sDAR8C,YAAY,OAAO,GAC7D;EACE,YAAY;EACZ,aAAa;EACb,OAAO,OAAO;EACf,GACD,EAAE"}

package/lib/utils/relativeUrl.js.map

@@ -1 +1 @@
-{"version":3,"file":"relativeUrl.js","names":["url: string","path?: string"],"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;AAAK;AAE9D,MAAM,YAAY;AAClB,MAAM,iBAAiB,IAAI,QAAQ,UAAU,8BAA8B,KAAK,IAAI,CAAC,cAAc;AAEnG,MAAM,WAAW;AACjB,MAAM,cAAc;AAEpB,MAAa,yBAAyB,CAACA,KAAaC,SAAkB;AACpE,MAAK,KAAM,QAAO;AAElB,KAAI,IAAI,WAAW,UAAU,CAAE,QAAO;AAEtC,MAAK,SAAS,KAAK,IAAI,KAAK,SAAS,KAAK,KAAK,CAAE,QAAO;CAExD,MAAM,SAAS,IAAI,IAAI,IAAI,QAAQ,WAAW,GAAG;CACjD,MAAM,UAAU,IAAI,IAAI,KAAK,QAAQ,WAAW,GAAG;AAEnD,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,SAAQ,EAAE,OAAO,SAAS,QAAQ,SAAS,IAAI,YAAY,MAAM,GAAG,CAAC,EAAE,OAAO;AAGhF,UAAQ,EAAE,OAAO,SAAS,EAAE,OAAO;CACpC;AACD,QAAO;AACR"}
+{"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ndla/ui",
   "type": "module",
-  "version": "56.0.142-alpha.0",
+  "version": "56.0.143-alpha.0",
   "description": "UI component library for NDLA",
   "license": "GPL-3.0",
   "exports": {
@@ -38,11 +38,11 @@
   "dependencies": {
     "@ark-ui/react": "^5.25.0",
     "@ndla/core": "^6.0.3-alpha.0",
-    "@ndla/icons": "^8.0.67-alpha.0",
-    "@ndla/licenses": "^10.0.0-alpha.0",
-    "@ndla/primitives": "^1.0.99-alpha.0",
-    "@ndla/safelink": "^7.0.102-alpha.0",
-    "@ndla/styled-system": "^0.0.39",
+    "@ndla/icons": "^8.0.68-alpha.0",
+    "@ndla/licenses": "^10.0.1-alpha.0",
+    "@ndla/primitives": "^1.0.100-alpha.0",
+    "@ndla/safelink": "^7.0.103-alpha.0",
+    "@ndla/styled-system": "^0.0.40",
     "@ndla/util": "^5.0.12-alpha.0",
     "html-react-parser": "^5.1.19"
   },
@@ -54,7 +54,7 @@
     "react-router": ">= 7.0.0"
   },
   "devDependencies": {
-    "@ndla/preset-panda": "^0.0.60",
+    "@ndla/preset-panda": "^0.0.61",
     "@ndla/types-backend": "^1.0.50",
     "@ndla/types-embed": "^5.0.16-alpha.0",
     "@pandacss/dev": "^1.3.1"
@@ -62,5 +62,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6fde2ca9ba17fc522610391805f05984bbe630f6"
+  "gitHead": "6718375438d7cf56673b291d98ce643a7ebd54a9"
 }

package/src/Article/Article.tsx

@@ -10,7 +10,7 @@ import { type ComponentPropsWithRef, type ReactNode, forwardRef } from "react";
 import { ark, type HTMLArkProps } from "@ark-ui/react";
 import { Heading, Text } from "@ndla/primitives";
 import { cx } from "@ndla/styled-system/css";
-import { Stack, styled } from "@ndla/styled-system/jsx";
+import { styled } from "@ndla/styled-system/jsx";
 import type { StyledProps } from "@ndla/styled-system/types";
 import { ArticleByline } from "./ArticleByline";
 import { ContentTypeBadge, type ContentType } from "../ContentTypeBadge/ContentTypeBadge";
@@ -101,8 +101,12 @@ export const ArticleFooter = styled(
   { baseComponent: true },
 );
 
-const StyledStack = styled(Stack, {
+const InfoWrapper = styled("div", {
   base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: "small",
     width: "100%",
     minHeight: "xxlarge",
   },
@@ -144,10 +148,10 @@ export const ArticleTitle = ({
     <ArticleHeader>
       <ArticleHGroup>
         {(!!contentType || !!heartButton) && (
-          <StyledStack justify="space-between" align="center" direction="row" gap="small">
+          <InfoWrapper>
             {!!contentType && <ContentTypeBadge contentType={contentType}>{contentTypeLabel}</ContentTypeBadge>}
             {heartButton}
-          </StyledStack>
+          </InfoWrapper>
         )}
         <Heading textStyle="heading.medium" id={id} lang={lang} property="dct:title">
           {title}

package/src/Concept/Concept.tsx

@@ -11,7 +11,11 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { IDraftCopyrightDTO as ConceptCopyright } from "@ndla/types-backend/concept-api";
 import type { ConceptVisualElementMeta } from "@ndla/types-embed";
-import { BrightcoveEmbed, ExternalEmbed, H5pEmbed, IframeEmbed, ImageEmbed } from "../Embed";
+import BrightcoveEmbed from "../Embed/BrightcoveEmbed";
+import ExternalEmbed from "../Embed/ExternalEmbed";
+import H5pEmbed from "../Embed/H5pEmbed";
+import IframeEmbed from "../Embed/IframeEmbed";
+import ImageEmbed from "../Embed/ImageEmbed";
 import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 

package/src/Embed/AudioEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { AudioEmbedData, AudioMeta } from "@ndla/types-embed";
 import AudioEmbed from "./AudioEmbed";
-import { ArticleContent, ArticleWrapper } from "../Article";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
 
 const embedData: AudioEmbedData = {
   resource: "audio",

package/src/Embed/AudioEmbed.tsx

@@ -11,8 +11,8 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { AudioMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import type { Author } from "./ImageEmbed";
-import AudioPlayer from "../AudioPlayer";
-import { EmbedByline } from "../LicenseByline";
+import AudioPlayer from "../AudioPlayer/AudioPlayer";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 
 const StyledFigure = styled(Figure, {

package/src/Embed/BrightcoveEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { BrightcoveData, BrightcoveEmbedData, BrightcoveMetaData } from "@ndla/types-embed";
 import BrightcoveEmbed from "./BrightcoveEmbed";
-import { ArticleContent, ArticleWrapper } from "../Article";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
 
 const embedData: BrightcoveEmbedData = {
   resource: "brightcove",

package/src/Embed/BrightcoveEmbed.tsx

@@ -14,7 +14,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { BrightcoveEmbedData, BrightcoveMetaData, BrightcoveVideoSource } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import type { RenderContext } from "./types";
-import { EmbedByline } from "../LicenseByline";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 
 interface Props {

package/src/Embed/CodeEmbed.tsx

@@ -13,8 +13,8 @@ import { Button, Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { CodeMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { CodeBlock, codeLanguageOptions } from "../CodeBlock";
-import type { ICodeLangugeOption } from "../CodeBlock/codeLanguageOptions";
+import CodeBlock from "../CodeBlock/CodeBlock";
+import { codeLanguageOptions, type ICodeLangugeOption } from "../CodeBlock/codeLanguageOptions";
 
 interface Props {
   embed: CodeMetaData;

package/src/Embed/ConceptEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { ConceptData, ConceptEmbedData } from "@ndla/types-embed";
 import { ConceptEmbed } from "./ConceptEmbed";
-import { ArticleContent, ArticleWrapper } from "../Article";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
 
 const blockEmbedData: ConceptEmbedData = {
   contentId: "35",

package/src/Embed/CopyrightEmbed.tsx

@@ -9,7 +9,7 @@
 import type { ReactNode } from "react";
 import { styled } from "@ndla/styled-system/jsx";
 import type { CopyrightMetaData } from "@ndla/types-embed";
-import { EmbedByline } from "../LicenseByline";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 
 interface Props {
   embed: CopyrightMetaData;

package/src/Embed/EmbedErrorPlaceholder.tsx

@@ -10,8 +10,7 @@ import { type ReactNode } from "react";
 import { ErrorWarningLine } from "@ndla/icons";
 import { Figure, type FigureFloat, type FigureSize } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
-import { EmbedByline } from "../LicenseByline";
-import { type EmbedBylineErrorProps } from "../LicenseByline/EmbedByline";
+import { EmbedByline, type EmbedBylineErrorProps } from "../LicenseByline/EmbedByline";
 
 interface Props {
   type: EmbedBylineErrorProps["type"];

package/src/Embed/ExternalEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { OembedEmbedData, OembedData } from "@ndla/types-embed";
 import ExternalEmbed from "./ExternalEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
 
 const embedData: OembedEmbedData = {
   resource: "external",

package/src/Embed/ExternalEmbed.tsx

@@ -12,7 +12,7 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { OembedMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { ResourceBox } from "../ResourceBox";
+import ResourceBox from "../ResourceBox/ResourceBox";
 
 interface Props {
   embed: OembedMetaData;

package/src/Embed/FootnoteEmbed.stories.tsx

@@ -9,7 +9,7 @@
 import type { Meta, StoryFn, StoryObj } from "@storybook/react";
 import type { FootnoteData, FootnoteEmbedData } from "@ndla/types-embed";
 import FootnoteEmbed from "./FootnoteEmbed";
-import { ArticleByline } from "../Article";
+import { ArticleByline } from "../Article/ArticleByline";
 
 /**
  * Kildehenvisninger benytter [APA-stilen](https://sokogskriv.no/kildebruk-og-referanser/referansestiler/apa-6th/) for utlistning nederst på siden.

package/src/Embed/GlossEmbed.tsx

@@ -13,7 +13,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { ConceptMetaData } from "@ndla/types-embed";
 import { ConceptInlineTriggerButton } from "./ConceptInlineTriggerButton";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { Gloss } from "../Gloss";
+import Gloss from "../Gloss/Gloss";
 
 interface Props {
   embed: ConceptMetaData;

package/src/Embed/H5pEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { H5pEmbedData, H5pData } from "@ndla/types-embed";
 import H5pEmbed from "./H5pEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
 
 const embedData: H5pEmbedData = {
   resource: "h5p",

package/src/Embed/IframeEmbed.stories.tsx

@@ -10,7 +10,7 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { IframeData, IframeEmbedData } from "@ndla/types-embed";
 import IframeEmbed from "./IframeEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
 
 const embedData: IframeEmbedData = {
   width: "708px",

package/src/Embed/IframeEmbed.tsx

@@ -12,7 +12,7 @@ import { Figure } from "@ndla/primitives";
 import { styled } from "@ndla/styled-system/jsx";
 import type { IframeMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
-import { ResourceBox } from "../ResourceBox";
+import ResourceBox from "../ResourceBox/ResourceBox";
 
 interface Props {
   embed: IframeMetaData;

package/src/Embed/ImageEmbed.stories.tsx

@@ -13,8 +13,8 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { IImageMetaInformationV3DTO } from "@ndla/types-backend/image-api";
 import type { ImageEmbedData } from "@ndla/types-embed";
 import ImageEmbed from "./ImageEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
-import { Grid } from "../Grid";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
+import { Grid } from "../Grid/Grid";
 
 const embedData: ImageEmbedData = {
   resource: "image",

package/src/Embed/ImageEmbed.tsx

@@ -15,7 +15,7 @@ import { styled } from "@ndla/styled-system/jsx";
 import type { ImageEmbedData, ImageMetaData } from "@ndla/types-embed";
 import EmbedErrorPlaceholder from "./EmbedErrorPlaceholder";
 import type { RenderContext } from "./types";
-import { EmbedByline } from "../LicenseByline";
+import { EmbedByline } from "../LicenseByline/EmbedByline";
 import { licenseAttributes } from "../utils/licenseAttributes";
 
 interface Props {

package/src/Embed/RelatedContentEmbed.stories.tsx

@@ -10,8 +10,8 @@ import type { Meta, StoryObj } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import type { RelatedContentMetaData } from "@ndla/types-embed";
 import RelatedContentEmbed from "./RelatedContentEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
-import RelatedArticleList from "../RelatedArticleList";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
+import { RelatedArticleList } from "../RelatedArticleList/RelatedArticleList";
 
 const filmResourceMeta: RelatedContentMetaData = {
   resource: "related-content",

package/src/Embed/UuDisclaimerEmbed.stories.tsx

@@ -12,9 +12,9 @@ import type { UUDisclaimerData, UuDisclaimerEmbedData } from "@ndla/types-embed"
 import H5pEmbed from "./H5pEmbed";
 import IframeEmbed from "./IframeEmbed";
 import UuDisclaimerEmbed from "./UuDisclaimerEmbed";
-import { ArticleWrapper, ArticleContent } from "../Article";
-import CopyParagraphButton from "../CopyParagraphButton";
-import FactBox from "../FactBox";
+import { ArticleWrapper, ArticleContent } from "../Article/Article";
+import CopyParagraphButton from "../CopyParagraphButton/CopyParagraphButton";
+import FactBox from "../FactBox/FactBox";
 
 const embedData: UuDisclaimerEmbedData = {
   resource: "uu-disclaimer",

package/src/FileList/File.tsx

@@ -11,9 +11,9 @@ import { useTranslation } from "react-i18next";
 import { DownloadLine } from "@ndla/icons";
 import { Text } from "@ndla/primitives";
 import { SafeLink } from "@ndla/safelink";
-import { HStack, styled } from "@ndla/styled-system/jsx";
+import { styled } from "@ndla/styled-system/jsx";
 import { linkOverlay } from "@ndla/styled-system/patterns";
-import { FileListItem } from ".";
+import { FileListItem } from "./FileList";
 
 export interface FileProps extends ComponentPropsWithRef<"div"> {
   title: string;
@@ -45,8 +45,11 @@ const StyledSafeLink = styled(SafeLink, {
   },
 });
 
-const StyledHStack = styled(HStack, {
+const FileContainer = styled("div", {
   base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
     position: "relative",
     paddingBlock: "small",
     paddingInlineEnd: "medium",
@@ -55,6 +58,14 @@ const StyledHStack = styled(HStack, {
   },
 });
 
+const InfoContainer = styled("div", {
+  base: {
+    display: "flex",
+    gap: "xxsmall",
+    alignItems: "center",
+  },
+});
+
 export const File = forwardRef<HTMLDivElement, FileProps>(
   ({ title, url, fileExists, fileType, fileSize, ...rest }, ref) => {
     const { t } = useTranslation();
@@ -63,8 +74,8 @@ export const File = forwardRef<HTMLDivElement, FileProps>(
     const tooltip = `${t("download")} ${filename}`;
 
     return (
-      <StyledHStack justify="space-between" ref={ref} {...rest}>
-        <HStack gap="xxsmall">
+      <FileContainer ref={ref} {...rest}>
+        <InfoContainer>
           <DownloadLine />
           {fileExists ? (
             <StyledSafeLink unstyled css={linkOverlay.raw()} to={downloadUrl} title={tooltip}>
@@ -76,11 +87,11 @@ export const File = forwardRef<HTMLDivElement, FileProps>(
           <Text textStyle="label.large" asChild consumeCss>
             <span>({fileType?.toUpperCase()})</span>
           </Text>
-        </HStack>
+        </InfoContainer>
         <Text textStyle="label.large" asChild consumeCss>
           <span>{fileSize}</span>
         </Text>
-      </StyledHStack>
+      </FileContainer>
     );
   },
 );

package/src/LinkBlock/LinkBlock.stories.tsx

@@ -7,8 +7,8 @@
  */
 
 import type { Meta, StoryObj, StoryFn } from "@storybook/react";
-import { LinkBlockSection } from ".";
 import LinkBlock from "./LinkBlock";
+import LinkBlockSection from "./LinkBlockSection";
 
 export default {
   title: "Components/Link Block",

package/src/Pitch/Pitch.stories.tsx

@@ -9,8 +9,8 @@
 import type { Meta } from "@storybook/react";
 import { PageContent } from "@ndla/primitives";
 import { Pitch, type Props } from "./Pitch";
-import { ArticleContent, ArticleWrapper } from "../Article";
-import { Grid } from "../Grid";
+import { ArticleContent, ArticleWrapper } from "../Article/Article";
+import { Grid } from "../Grid/Grid";
 
 const args: Props = {
   title: "Min pitch",