@ndla/primitives 1.0.129-alpha.0 → 1.0.130-alpha.0

package/lib/FileUpload.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUpload.js","names":["fileUploadAnatomy","FileUpload","Text","Label"],"sources":["../src/FileUpload.tsx"],"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 { FileUpload, fileUploadAnatomy } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps, Text } from \"./Text\";\n\nconst fileUploadRecipe = sva({\n  slots: fileUploadAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      minHeight: \"100%\",\n    },\n    dropzone: {\n      display: \"flex\",\n      gap: \"small\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      padding: \"4xlarge\",\n      borderRadius: \"xsmall\",\n      border: \"1px solid\",\n      borderColor: \"stroke.subtle\",\n      transitionProperty: \"border, border-color\",\n      transitionTimingFunction: \"default\",\n      transitionDuration: \"normal\",\n      _hover: {\n        borderStyle: \"dashed\",\n        borderColor: \"stroke.hover\",\n        _disabled: {\n          borderStyle: \"solid\",\n          borderColor: \"stroke.subtle\",\n        },\n      },\n    },\n    itemGroup: {\n      paddingBlockStart: \"medium\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n    },\n    item: {\n      width: \"100%\",\n      display: \"grid\",\n      gridTemplateAreas: `\n      \"preview name delete\" \n      \"preview size delete\"`,\n      gridTemplateColumns: \"auto 1fr auto\",\n      gridColumnGap: \"small\",\n      border: \"1px solid\",\n      borderColor: \"stroke.subtle\",\n      borderRadius: \"xsmall\",\n      padding: \"xsmall\",\n    },\n    itemPreview: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      width: \"xxlarge\",\n      height: \"xxlarge\",\n      gridArea: \"preview\",\n    },\n    itemName: {\n      gridArea: \"name\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    itemSizeText: {\n      gridArea: \"size\",\n    },\n    itemDeleteTrigger: {\n      gridArea: \"delete\",\n      alignSelf: \"center\",\n    },\n    itemPreviewImage: {\n      borderRadius: \"xsmall\",\n      objectFit: \"cover\",\n      width: \"100%\",\n      height: \"100%\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(fileUploadRecipe);\n\nexport type FileUploadVariantProps = NonNullable<RecipeVariantProps<typeof fileUploadRecipe>>;\n\nexport interface FileUploadRootProps extends FileUpload.RootProps, FileUploadVariantProps {}\n\nexport const FileUploadHiddenInput = FileUpload.HiddenInput;\nexport const FileUploadContext = FileUpload.Context;\n\nexport const FileUploadRoot = withProvider(FileUpload.Root, \"root\", { baseComponent: true });\n\nexport const FileUploadDropzone = withContext(FileUpload.Dropzone, \"dropzone\", { baseComponent: true });\n\nexport const FileUploadTrigger = withContext(FileUpload.Trigger, \"trigger\", { baseComponent: true });\n\nexport const FileUploadItemGroup = withContext(FileUpload.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nexport const FileUploadItemPreview = withContext(FileUpload.ItemPreview, \"itemPreview\", { baseComponent: true });\n\nexport const FileUploadItem = withContext(FileUpload.Item, \"item\", { baseComponent: true });\n\nexport const FileUploadItemDeleteTrigger = withContext(FileUpload.ItemDeleteTrigger, \"itemDeleteTrigger\", {\n  baseComponent: true,\n});\n\nexport const FileUploadItemPreviewImage = withContext(FileUpload.ItemPreviewImage, \"itemPreviewImage\", {\n  baseComponent: true,\n});\n\nconst InternalFileUploadItemName = withContext(FileUpload.ItemName, \"itemName\", { baseComponent: true });\n\ninterface FileUploadItemNameProps\n  extends Omit<FileUpload.ItemNameProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const FileUploadItemName = forwardRef<HTMLDivElement, FileUploadItemNameProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <Text textStyle={textStyle} fontWeight={fontWeight} asChild {...props} ref={ref}>\n      {/* Do not use children here whatsoever. The component falls back to the file name only if no children are passed in. It should be up to the consumer if they want to pass in children. */}\n      <InternalFileUploadItemName />\n    </Text>\n  ),\n);\n\nconst InternalFileUploadItemSizeText = withContext(FileUpload.ItemSizeText, \"itemSizeText\", { baseComponent: true });\n\ninterface FileUploadItemSizeTextProps\n  extends Omit<FileUpload.ItemSizeTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const FileUploadItemSizeText = forwardRef<HTMLDivElement, FileUploadItemSizeTextProps>(\n  ({ textStyle = \"label.small\", ...props }, ref) => (\n    <Text textStyle={textStyle} ref={ref} asChild {...props}>\n      <InternalFileUploadItemSizeText />\n    </Text>\n  ),\n);\n\nconst InternalFileUploadLabel = withContext(FileUpload.Label, \"label\");\n\ninterface FileUploadLabelProps\n  extends Omit<FileUpload.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const FileUploadLabel = forwardRef<HTMLLabelElement, FileUploadLabelProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"light\", children, ...props }, ref) => (\n    <InternalFileUploadLabel ref={ref} asChild>\n      <Label textStyle={textStyle} fontWeight={fontWeight} {...props}>\n        {children}\n      </Label>\n    </InternalFileUploadLabel>\n  ),\n);\n"],"mappings":"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"}
+{"version":3,"file":"FileUpload.js","names":["fileUploadAnatomy","FileUpload","Text","Label"],"sources":["../src/FileUpload.tsx"],"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 { FileUpload, fileUploadAnatomy } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Label } from \"./Label\";\nimport { type TextProps, Text } from \"./Text\";\n\nconst fileUploadRecipe = sva({\n  slots: fileUploadAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      minHeight: \"100%\",\n    },\n    dropzone: {\n      display: \"flex\",\n      gap: \"small\",\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      padding: \"4xlarge\",\n      borderRadius: \"xsmall\",\n      border: \"1px solid\",\n      borderColor: \"stroke.subtle\",\n      transitionProperty: \"border, border-color\",\n      transitionTimingFunction: \"default\",\n      transitionDuration: \"normal\",\n      _hover: {\n        borderStyle: \"dashed\",\n        borderColor: \"stroke.hover\",\n        _disabled: {\n          borderStyle: \"solid\",\n          borderColor: \"stroke.subtle\",\n        },\n      },\n    },\n    itemGroup: {\n      paddingBlockStart: \"medium\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"xsmall\",\n    },\n    item: {\n      width: \"100%\",\n      display: \"grid\",\n      gridTemplateAreas: `\n      \"preview name delete\" \n      \"preview size delete\"`,\n      gridTemplateColumns: \"auto 1fr auto\",\n      gridColumnGap: \"small\",\n      border: \"1px solid\",\n      borderColor: \"stroke.subtle\",\n      borderRadius: \"xsmall\",\n      padding: \"xsmall\",\n    },\n    itemPreview: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n      width: \"xxlarge\",\n      height: \"xxlarge\",\n      gridArea: \"preview\",\n    },\n    itemName: {\n      gridArea: \"name\",\n      whiteSpace: \"nowrap\",\n      overflow: \"hidden\",\n      textOverflow: \"ellipsis\",\n    },\n    itemSizeText: {\n      gridArea: \"size\",\n    },\n    itemDeleteTrigger: {\n      gridArea: \"delete\",\n      alignSelf: \"center\",\n    },\n    itemPreviewImage: {\n      borderRadius: \"xsmall\",\n      objectFit: \"cover\",\n      width: \"100%\",\n      height: \"100%\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(fileUploadRecipe);\n\nexport type FileUploadVariantProps = NonNullable<RecipeVariantProps<typeof fileUploadRecipe>>;\n\nexport interface FileUploadRootProps extends FileUpload.RootProps, FileUploadVariantProps {}\n\nexport const FileUploadHiddenInput = FileUpload.HiddenInput;\nexport const FileUploadContext = FileUpload.Context;\n\nexport const FileUploadRoot = withProvider(FileUpload.Root, \"root\", { baseComponent: true });\n\nexport const FileUploadDropzone = withContext(FileUpload.Dropzone, \"dropzone\", { baseComponent: true });\n\nexport const FileUploadTrigger = withContext(FileUpload.Trigger, \"trigger\", { baseComponent: true });\n\nexport const FileUploadItemGroup = withContext(FileUpload.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nexport const FileUploadItemPreview = withContext(FileUpload.ItemPreview, \"itemPreview\", { baseComponent: true });\n\nexport const FileUploadItem = withContext(FileUpload.Item, \"item\", { baseComponent: true });\n\nexport const FileUploadItemDeleteTrigger = withContext(FileUpload.ItemDeleteTrigger, \"itemDeleteTrigger\", {\n  baseComponent: true,\n});\n\nexport const FileUploadItemPreviewImage = withContext(FileUpload.ItemPreviewImage, \"itemPreviewImage\", {\n  baseComponent: true,\n});\n\nconst InternalFileUploadItemName = withContext(FileUpload.ItemName, \"itemName\", { baseComponent: true });\n\ninterface FileUploadItemNameProps\n  extends Omit<FileUpload.ItemNameProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const FileUploadItemName = forwardRef<HTMLDivElement, FileUploadItemNameProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <Text textStyle={textStyle} fontWeight={fontWeight} asChild {...props} ref={ref}>\n      {/* Do not use children here whatsoever. The component falls back to the file name only if no children are passed in. It should be up to the consumer if they want to pass in children. */}\n      <InternalFileUploadItemName />\n    </Text>\n  ),\n);\n\nconst InternalFileUploadItemSizeText = withContext(FileUpload.ItemSizeText, \"itemSizeText\", { baseComponent: true });\n\ninterface FileUploadItemSizeTextProps\n  extends Omit<FileUpload.ItemSizeTextProps, \"color\">, TextProps, StyledProps, RefAttributes<HTMLParagraphElement> {}\n\nexport const FileUploadItemSizeText = forwardRef<HTMLDivElement, FileUploadItemSizeTextProps>(\n  ({ textStyle = \"label.small\", ...props }, ref) => (\n    <Text textStyle={textStyle} ref={ref} asChild {...props}>\n      <InternalFileUploadItemSizeText />\n    </Text>\n  ),\n);\n\nconst InternalFileUploadLabel = withContext(FileUpload.Label, \"label\");\n\ninterface FileUploadLabelProps\n  extends Omit<FileUpload.LabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLLabelElement> {}\n\nexport const FileUploadLabel = forwardRef<HTMLLabelElement, FileUploadLabelProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"light\", children, ...props }, ref) => (\n    <InternalFileUploadLabel ref={ref} asChild>\n      <Label textStyle={textStyle} fontWeight={fontWeight} {...props}>\n        {children}\n      </Label>\n    </InternalFileUploadLabel>\n  ),\n);\n"],"mappings":"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"}

package/lib/FramedContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"FramedContent.js","names":["ark","css"],"sources":["../src/FramedContent.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst framedContentRecipe = cva({\n  base: {\n    padding: \"medium\",\n    border: \"1px solid\",\n    borderRadius: \"small\",\n    clear: \"both\",\n    overflow: \"hidden\",\n  },\n  variants: {\n    colorTheme: {\n      neutral: {\n        backgroundColor: \"surface.default\",\n        borderColor: \"stroke.subtle\",\n      },\n      brand1: {\n        backgroundColor: \"surface.brand.1.subtle\",\n        borderColor: \"surface.brand.1.strong\",\n      },\n      brand2: {\n        backgroundColor: \"surface.brand.2.subtle\",\n        borderColor: \"surface.brand.2.strong\",\n      },\n    },\n  },\n  defaultVariants: {\n    colorTheme: \"neutral\",\n  },\n});\n\nexport type FramedContentVariantProps = NonNullable<RecipeVariantProps<typeof framedContentRecipe>>;\n\nexport interface FramedContentProps extends HTMLArkProps<\"div\">, StyledProps, FramedContentVariantProps {}\n\nconst StyledFramedContent = styled(ark.div, {}, { baseComponent: true });\n\nexport const FramedContent = forwardRef<HTMLDivElement, FramedContentProps>(\n  ({ colorTheme, css: cssProp, ...props }, ref) => (\n    <StyledFramedContent\n      data-embed-type=\"framed-content\"\n      css={css.raw(framedContentRecipe.raw({ colorTheme }), cssProp)}\n      {...props}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,uBAAA,GAAA,wBAAA,KAA0B;CAC9B,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,cAAc;EACd,OAAO;EACP,UAAU;EACX;CACD,UAAU,EACR,YAAY;EACV,SAAS;GACP,iBAAiB;GACjB,aAAa;GACd;EACD,QAAQ;GACN,iBAAiB;GACjB,aAAa;GACd;EACD,QAAQ;GACN,iBAAiB;GACjB,aAAa;GACd;EACF,EACF;CACD,iBAAiB,EACf,YAAY,WACb;CACF,CAAC;AAMF,MAAM,uBAAA,GAAA,wBAAA,QAA6BA,cAAAA,IAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAExE,MAAa,iBAAA,GAAA,MAAA,aACV,EAAE,YAAY,KAAK,SAAS,GAAG,SAAS,QACvC,iBAAA,GAAA,kBAAA,KAAC,qBAAD;CACE,mBAAgB;CAChB,KAAKC,wBAAAA,IAAI,IAAI,oBAAoB,IAAI,EAAE,YAAY,CAAC,EAAE,QAAQ;CAC9D,GAAI;CACC;CACL,CAAA,CAEL"}
+{"version":3,"file":"FramedContent.js","names":["ark","css"],"sources":["../src/FramedContent.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst framedContentRecipe = cva({\n  base: {\n    padding: \"medium\",\n    border: \"1px solid\",\n    borderRadius: \"small\",\n    clear: \"both\",\n    overflow: \"hidden\",\n  },\n  variants: {\n    colorTheme: {\n      neutral: {\n        backgroundColor: \"surface.default\",\n        borderColor: \"stroke.subtle\",\n      },\n      brand1: {\n        backgroundColor: \"surface.brand.1.subtle\",\n        borderColor: \"surface.brand.1.strong\",\n      },\n      brand2: {\n        backgroundColor: \"surface.brand.2.subtle\",\n        borderColor: \"surface.brand.2.strong\",\n      },\n    },\n  },\n  defaultVariants: {\n    colorTheme: \"neutral\",\n  },\n});\n\nexport type FramedContentVariantProps = NonNullable<RecipeVariantProps<typeof framedContentRecipe>>;\n\nexport interface FramedContentProps extends HTMLArkProps<\"div\">, StyledProps, FramedContentVariantProps {}\n\nconst StyledFramedContent = styled(ark.div, {}, { baseComponent: true });\n\nexport const FramedContent = forwardRef<HTMLDivElement, FramedContentProps>(\n  ({ colorTheme, css: cssProp, ...props }, ref) => (\n    <StyledFramedContent\n      data-embed-type=\"framed-content\"\n      css={css.raw(framedContentRecipe.raw({ colorTheme }), cssProp)}\n      {...props}\n      ref={ref}\n    />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,uBAAA,GAAA,wBAAA,KAA0B;CAC9B,MAAM;EACJ,SAAS;EACT,QAAQ;EACR,cAAc;EACd,OAAO;EACP,UAAU;CACZ;CACA,UAAU,EACR,YAAY;EACV,SAAS;GACP,iBAAiB;GACjB,aAAa;EACf;EACA,QAAQ;GACN,iBAAiB;GACjB,aAAa;EACf;EACA,QAAQ;GACN,iBAAiB;GACjB,aAAa;EACf;CACF,EACF;CACA,iBAAiB,EACf,YAAY,UACd;AACF,CAAC;AAMD,MAAM,uBAAA,GAAA,wBAAA,QAA6BA,cAAAA,IAAI,KAAK,CAAC,GAAG,EAAE,eAAe,KAAK,CAAC;AAEvE,MAAa,iBAAA,GAAA,MAAA,aACV,EAAE,YAAY,KAAK,SAAS,GAAG,SAAS,QACvC,iBAAA,GAAA,kBAAA,KAAC,qBAAD;CACE,mBAAgB;CAChB,KAAKC,wBAAAA,IAAI,IAAI,oBAAoB,IAAI,EAAE,WAAW,CAAC,GAAG,OAAO;CAC7D,GAAI;CACC;AACN,CAAA,CAEL"}

package/lib/Hero.js.map

@@ -1 +1 @@
-{"version":3,"file":"Hero.js","names":["ark"],"sources":["../src/Hero.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst heroRecipe = sva({\n  slots: [\"root\", \"background\", \"content\"],\n  base: {\n    root: {\n      width: \"100%\",\n      position: \"relative\",\n    },\n    background: {\n      height: \"350px\",\n      width: \"100%\",\n      zIndex: \"hide\",\n      overflow: \"hidden\",\n      clipPath: \"polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0 100%)\",\n      _print: {\n        background: \"none\",\n      },\n    },\n    content: {\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      alignItems: \"flex-end\",\n      paddingBlock: \"xsmall\",\n      tablet: {\n        paddingBlockStart: \"xxlarge\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    absolute: true,\n  },\n  variants: {\n    absolute: {\n      true: {\n        background: {\n          position: \"absolute\",\n        },\n      },\n    },\n    variant: {\n      primary: {\n        background: {\n          background: \"primary\",\n        },\n        content: {\n          \"@media not print\": {\n            color: \"text.onAction\",\n          },\n        },\n      },\n      brand2Bold: {\n        background: {\n          background: \"surface.brand.2.bold\",\n        },\n        content: {\n          \"@media not print\": {\n            color: \"text.onAction\",\n          },\n        },\n      },\n      brand2: {\n        background: {\n          background: \"surface.brand.2\",\n        },\n      },\n      brand2Moderate: {\n        background: {\n          background: \"surface.brand.2.moderate\",\n        },\n      },\n      brand1: {\n        background: {\n          background: \"surface.brand.1\",\n        },\n      },\n      brand1Subtle: {\n        background: {\n          background: \"surface.brand.1.subtle\",\n        },\n      },\n      brand1Moderate: {\n        background: {\n          background: \"surface.brand.1.moderate\",\n        },\n      },\n      brand3Moderate: {\n        background: {\n          background: \"surface.brand.3.moderate\",\n        },\n      },\n      brand4Moderate: {\n        background: {\n          background: \"surface.brand.4.moderate\",\n        },\n      },\n      brand5Moderate: {\n        background: {\n          background: \"surface.brand.5.moderate\",\n        },\n      },\n      neutral: {\n        background: {\n          background: \"surface.infoSubtle\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(heroRecipe);\n\nexport type HeroVariantProps = NonNullable<RecipeVariantProps<typeof heroRecipe>>;\n\nexport type HeroVariant = NonNullable<HeroVariantProps>[\"variant\"];\n\nexport interface HeroProps extends HTMLArkProps<\"div\">, StyledProps, HeroVariantProps {}\n\nexport const Hero = withProvider(ark.div, \"root\", { baseComponent: true });\n\nexport interface HeroBackgroundProps extends HTMLArkProps<\"div\">, StyledProps {}\n\nexport const HeroBackground = withContext(ark.div, \"background\", { baseComponent: true });\n\nexport interface HeroContentProps extends HTMLArkProps<\"div\">, StyledProps {}\n\nexport const HeroContent = withContext(ark.div, \"content\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AA0HA,MAAM,EAAE,cAAc,iBAAA,qCAAA,CAAA,qBAAA,GAAA,wBAAA,KA7GC;CACrB,OAAO;EAAC;EAAQ;EAAc;EAAU;CACxC,MAAM;EACJ,MAAM;GACJ,OAAO;GACP,UAAU;GACX;EACD,YAAY;GACV,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,UAAU;GACV,UAAU;GACV,QAAQ,EACN,YAAY,QACb;GACF;EACD,SAAS;GACP,SAAS;GACT,UAAU;GACV,YAAY;GACZ,cAAc;GACd,QAAQ,EACN,mBAAmB,WACpB;GACF;EACF;CACD,iBAAiB;EACf,SAAS;EACT,UAAU;EACX;CACD,UAAU;EACR,UAAU,EACR,MAAM,EACJ,YAAY,EACV,UAAU,YACX,EACF,EACF;EACD,SAAS;GACP,SAAS;IACP,YAAY,EACV,YAAY,WACb;IACD,SAAS,EACP,oBAAoB,EAClB,OAAO,iBACR,EACF;IACF;GACD,YAAY;IACV,YAAY,EACV,YAAY,wBACb;IACD,SAAS,EACP,oBAAoB,EAClB,OAAO,iBACR,EACF;IACF;GACD,QAAQ,EACN,YAAY,EACV,YAAY,mBACb,EACF;GACD,gBAAgB,EACd,YAAY,EACV,YAAY,4BACb,EACF;GACD,QAAQ,EACN,YAAY,EACV,YAAY,mBACb,EACF;GACD,cAAc,EACZ,YAAY,EACV,YAAY,0BACb,EACF;GACD,gBAAgB,EACd,YAAY,EACV,YAAY,4BACb,EACF;GACD,gBAAgB,EACd,YAAY,EACV,YAAY,4BACb,EACF;GACD,gBAAgB,EACd,YAAY,EACV,YAAY,4BACb,EACF;GACD,gBAAgB,EACd,YAAY,EACV,YAAY,4BACb,EACF;GACD,SAAS,EACP,YAAY,EACV,YAAY,sBACb,EACF;GACF;EACF;CACF,CAEkE,CAAC;AAQpE,MAAa,OAAO,aAAaA,cAAAA,IAAI,KAAK,QAAQ,EAAE,eAAe,MAAM,CAAC;AAI1E,MAAa,iBAAiB,YAAYA,cAAAA,IAAI,KAAK,cAAc,EAAE,eAAe,MAAM,CAAC;AAIzF,MAAa,cAAc,YAAYA,cAAAA,IAAI,KAAK,WAAW,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Hero.js","names":["ark"],"sources":["../src/Hero.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { type RecipeVariantProps, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst heroRecipe = sva({\n  slots: [\"root\", \"background\", \"content\"],\n  base: {\n    root: {\n      width: \"100%\",\n      position: \"relative\",\n    },\n    background: {\n      height: \"350px\",\n      width: \"100%\",\n      zIndex: \"hide\",\n      overflow: \"hidden\",\n      clipPath: \"polygon(0 0, 100% 0, 100% calc(100% - 5vw), 0 100%)\",\n      _print: {\n        background: \"none\",\n      },\n    },\n    content: {\n      display: \"flex\",\n      flexWrap: \"wrap\",\n      alignItems: \"flex-end\",\n      paddingBlock: \"xsmall\",\n      tablet: {\n        paddingBlockStart: \"xxlarge\",\n      },\n    },\n  },\n  defaultVariants: {\n    variant: \"primary\",\n    absolute: true,\n  },\n  variants: {\n    absolute: {\n      true: {\n        background: {\n          position: \"absolute\",\n        },\n      },\n    },\n    variant: {\n      primary: {\n        background: {\n          background: \"primary\",\n        },\n        content: {\n          \"@media not print\": {\n            color: \"text.onAction\",\n          },\n        },\n      },\n      brand2Bold: {\n        background: {\n          background: \"surface.brand.2.bold\",\n        },\n        content: {\n          \"@media not print\": {\n            color: \"text.onAction\",\n          },\n        },\n      },\n      brand2: {\n        background: {\n          background: \"surface.brand.2\",\n        },\n      },\n      brand2Moderate: {\n        background: {\n          background: \"surface.brand.2.moderate\",\n        },\n      },\n      brand1: {\n        background: {\n          background: \"surface.brand.1\",\n        },\n      },\n      brand1Subtle: {\n        background: {\n          background: \"surface.brand.1.subtle\",\n        },\n      },\n      brand1Moderate: {\n        background: {\n          background: \"surface.brand.1.moderate\",\n        },\n      },\n      brand3Moderate: {\n        background: {\n          background: \"surface.brand.3.moderate\",\n        },\n      },\n      brand4Moderate: {\n        background: {\n          background: \"surface.brand.4.moderate\",\n        },\n      },\n      brand5Moderate: {\n        background: {\n          background: \"surface.brand.5.moderate\",\n        },\n      },\n      neutral: {\n        background: {\n          background: \"surface.infoSubtle\",\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(heroRecipe);\n\nexport type HeroVariantProps = NonNullable<RecipeVariantProps<typeof heroRecipe>>;\n\nexport type HeroVariant = NonNullable<HeroVariantProps>[\"variant\"];\n\nexport interface HeroProps extends HTMLArkProps<\"div\">, StyledProps, HeroVariantProps {}\n\nexport const Hero = withProvider(ark.div, \"root\", { baseComponent: true });\n\nexport interface HeroBackgroundProps extends HTMLArkProps<\"div\">, StyledProps {}\n\nexport const HeroBackground = withContext(ark.div, \"background\", { baseComponent: true });\n\nexport interface HeroContentProps extends HTMLArkProps<\"div\">, StyledProps {}\n\nexport const HeroContent = withContext(ark.div, \"content\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AA0HA,MAAM,EAAE,cAAc,iBAAA,oCAAA,EAAA,qBAAA,GAAA,wBAAA,KA7GC;CACrB,OAAO;EAAC;EAAQ;EAAc;CAAS;CACvC,MAAM;EACJ,MAAM;GACJ,OAAO;GACP,UAAU;EACZ;EACA,YAAY;GACV,QAAQ;GACR,OAAO;GACP,QAAQ;GACR,UAAU;GACV,UAAU;GACV,QAAQ,EACN,YAAY,OACd;EACF;EACA,SAAS;GACP,SAAS;GACT,UAAU;GACV,YAAY;GACZ,cAAc;GACd,QAAQ,EACN,mBAAmB,UACrB;EACF;CACF;CACA,iBAAiB;EACf,SAAS;EACT,UAAU;CACZ;CACA,UAAU;EACR,UAAU,EACR,MAAM,EACJ,YAAY,EACV,UAAU,WACZ,EACF,EACF;EACA,SAAS;GACP,SAAS;IACP,YAAY,EACV,YAAY,UACd;IACA,SAAS,EACP,oBAAoB,EAClB,OAAO,gBACT,EACF;GACF;GACA,YAAY;IACV,YAAY,EACV,YAAY,uBACd;IACA,SAAS,EACP,oBAAoB,EAClB,OAAO,gBACT,EACF;GACF;GACA,QAAQ,EACN,YAAY,EACV,YAAY,kBACd,EACF;GACA,gBAAgB,EACd,YAAY,EACV,YAAY,2BACd,EACF;GACA,QAAQ,EACN,YAAY,EACV,YAAY,kBACd,EACF;GACA,cAAc,EACZ,YAAY,EACV,YAAY,yBACd,EACF;GACA,gBAAgB,EACd,YAAY,EACV,YAAY,2BACd,EACF;GACA,gBAAgB,EACd,YAAY,EACV,YAAY,2BACd,EACF;GACA,gBAAgB,EACd,YAAY,EACV,YAAY,2BACd,EACF;GACA,gBAAgB,EACd,YAAY,EACV,YAAY,2BACd,EACF;GACA,SAAS,EACP,YAAY,EACV,YAAY,qBACd,EACF;EACF;CACF;AACF,CAEkE,CAAC;AAQnE,MAAa,OAAO,aAAaA,cAAAA,IAAI,KAAK,QAAQ,EAAE,eAAe,KAAK,CAAC;AAIzE,MAAa,iBAAiB,YAAYA,cAAAA,IAAI,KAAK,cAAc,EAAE,eAAe,KAAK,CAAC;AAIxF,MAAa,cAAc,YAAYA,cAAAA,IAAI,KAAK,WAAW,EAAE,eAAe,KAAK,CAAC"}

package/lib/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["styled","ark"],"sources":["../src/Image.tsx"],"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 { ark } from \"@ark-ui/react\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, StyledVariantProps } from \"@ndla/styled-system/types\";\nimport type { ImageVariantDTO, ImageVariantSize } from \"@ndla/types-backend/image-api\";\nimport { type ComponentPropsWithRef, type ReactNode, forwardRef, useEffect, useState } from \"react\";\n\nexport interface ImageCrop {\n  startX: number;\n  startY: number;\n  endX: number;\n  endY: number;\n}\n\nexport interface ImageFocalPoint {\n  x: number;\n  y: number;\n}\n\ninterface SrcQueryStringOptions {\n  width?: number;\n  crop?: ImageCrop;\n  focalPoint?: ImageFocalPoint;\n  imageLanguage?: string;\n}\n\nexport const makeSrcQueryString = ({ width, crop, focalPoint, imageLanguage }: SrcQueryStringOptions) => {\n  const params = [];\n  if (width) {\n    params.push(`width=${width}`);\n  }\n  if (crop) {\n    params.push(`cropStartX=${crop.startX}&cropEndX=${crop.endX}&cropStartY=${crop.startY}&cropEndY=${crop.endY}`);\n  }\n  if (focalPoint) {\n    params.push(`focalX=${focalPoint.x}&focalY=${focalPoint.y}`);\n  }\n  if (imageLanguage) {\n    params.push(`language=${imageLanguage}`);\n  }\n  return params.join(\"&\");\n};\n\ninterface SrcSetOptions {\n  crop?: ImageCrop;\n  focalPoint?: ImageFocalPoint;\n  imageLanguage?: string;\n  src?: string;\n}\n\nexport const VAR_WIDTHS: Record<ImageVariantSize, number> = {\n  icon: 240,\n  xsmall: 480,\n  small: 800,\n  medium: 1080,\n  large: 1440,\n  xlarge: 1920,\n  xxlarge: 2560,\n};\n\nconst IMAGE_WIDTHS = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];\n\nexport const getVariantSrcSet = (variants: ImageVariantDTO[]) => {\n  return variants\n    .map((variant) => {\n      return `${variant.variantUrl} ${VAR_WIDTHS[variant.size]}w`;\n    })\n    .join(\", \");\n};\n\nexport const getVariantSizes = (variants: ImageVariantDTO[]) => {\n  return variants\n    .map((variant, i) => {\n      if (i === variants.length - 1) {\n        return `${VAR_WIDTHS[variant.size]}px`;\n      }\n      return `(max-width: ${VAR_WIDTHS[variant.size]}px) ${VAR_WIDTHS[variant.size]}px`;\n    })\n    .join(\", \");\n};\n\nexport const getSrcSet = ({ src, crop, focalPoint, imageLanguage }: SrcSetOptions) => {\n  if (!src) return undefined;\n  return IMAGE_WIDTHS.map((width) => {\n    const queryString = makeSrcQueryString({ width, crop, focalPoint, imageLanguage });\n    const query = queryString.length ? `?${queryString}` : \"\";\n    return `${src}${query} ${width}w`;\n  }).join(\", \");\n};\n\nconst FALLBACK_WIDTH = 1024;\n\nconst FALLBACK_SIZES = \"(min-width: 1024px) 1024px, 100vw\";\n\nexport interface PictureProps extends StyledProps, ComponentPropsWithRef<\"picture\"> {\n  src: string;\n  sizes?: string;\n  contentType?: string;\n  srcSet?: string;\n  crop?: ImageCrop;\n  focalPoint?: ImageFocalPoint;\n  imageLanguage?: string;\n}\n\nexport const Picture = forwardRef<HTMLPictureElement, PictureProps>(\n  (\n    {\n      children,\n      srcSet: srcSetProp,\n      crop,\n      focalPoint,\n      src,\n      imageLanguage,\n      contentType,\n      sizes = FALLBACK_SIZES,\n      ...props\n    },\n    ref,\n  ) => {\n    const srcSet = srcSetProp ?? getSrcSet({ src, crop, focalPoint, imageLanguage });\n\n    return (\n      <styled.picture {...props} ref={ref}>\n        {contentType !== \"image/gif\" && <source type={contentType} srcSet={srcSet} sizes={sizes} />}\n        {children}\n      </styled.picture>\n    );\n  },\n);\n\nconst StyledImage = styled(\"img\", {\n  defaultVariants: { variant: \"regular\" },\n  variants: {\n    variant: {\n      regular: {},\n      rounded: {\n        borderRadius: \"xsmall\",\n      },\n    },\n  },\n});\n\nconst StyledFallbackElement = styled(\n  ark.div,\n  {\n    base: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  },\n  { baseComponent: true },\n);\n\ntype ImageVariantProps = StyledVariantProps<typeof StyledImage>;\n\nexport interface ImgProps extends StyledProps, ComponentPropsWithRef<\"img\">, ImageVariantProps {\n  alt: string;\n  src: string;\n  fallbackWidth?: number;\n  contentType?: string;\n  crop?: ImageCrop;\n  imageLanguage?: string;\n  focalPoint?: ImageFocalPoint;\n}\n\nexport const Img = forwardRef<HTMLImageElement, ImgProps>(\n  ({ fallbackWidth = FALLBACK_WIDTH, crop, focalPoint, imageLanguage, contentType, src, alt, ...props }, ref) => {\n    const queryString = makeSrcQueryString({ width: fallbackWidth, crop, focalPoint, imageLanguage });\n    const srcWithParms = queryString ? `${src}?${queryString}` : src;\n    return <StyledImage alt={alt} src={contentType === \"image/gif\" ? src : srcWithParms} {...props} ref={ref} />;\n  },\n);\n\nexport interface ImageProps extends StyledProps, ComponentPropsWithRef<\"img\">, ImageVariantProps {\n  alt: string;\n  src?: string;\n  sizes?: string;\n  fallbackWidth?: number;\n  contentType?: string;\n  imageLanguage?: string;\n  crop?: ImageCrop;\n  fallbackElement?: ReactNode;\n  focalPoint?: ImageFocalPoint;\n  variants?: ImageVariantDTO[];\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      srcSet: srcSetProp,\n      crop,\n      focalPoint,\n      src,\n      contentType,\n      imageLanguage,\n      fallbackWidth = FALLBACK_WIDTH,\n      sizes: sizesProp,\n      alt,\n      fallbackElement,\n      variants,\n      ...props\n    },\n    ref,\n  ) => {\n    const [hasError, setHasError] = useState(false);\n\n    useEffect(() => {\n      setHasError(false);\n    }, [src, srcSetProp, sizesProp, variants]);\n\n    if (!src?.length && !variants?.length && fallbackElement) {\n      return (\n        <StyledFallbackElement {...props} ref={ref}>\n          {fallbackElement}\n        </StyledFallbackElement>\n      );\n    }\n\n    const queryString = makeSrcQueryString({ width: fallbackWidth, crop, focalPoint, imageLanguage });\n    const fallbackSrc = src && queryString ? `${src}?${queryString}` : src;\n\n    return (\n      <picture>\n        {!!variants?.length && !crop && !focalPoint && contentType !== \"image/gif\" && (\n          <source\n            type={\"image/webp\"}\n            srcSet={getVariantSrcSet(variants)}\n            sizes={sizesProp ?? getVariantSizes(variants)}\n          />\n        )}\n        {contentType !== \"image/gif\" && (\n          <source\n            type={contentType}\n            srcSet={getSrcSet({ src, crop, focalPoint, imageLanguage })}\n            sizes={sizesProp ?? FALLBACK_SIZES}\n          />\n        )}\n        <StyledImage\n          alt={alt}\n          src={contentType === \"image/gif\" ? src : fallbackSrc}\n          {...props}\n          ref={ref}\n          data-error={hasError ? \"\" : undefined}\n          onError={(e) => {\n            setHasError(true);\n            props.onError?.(e);\n          }}\n          onLoad={(e) => {\n            setHasError(false);\n            props.onLoad?.(e);\n          }}\n        />\n      </picture>\n    );\n  },\n);\n"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["styled","ark"],"sources":["../src/Image.tsx"],"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 { ark } from \"@ark-ui/react\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, StyledVariantProps } from \"@ndla/styled-system/types\";\nimport type { ImageVariantDTO, ImageVariantSize } from \"@ndla/types-backend/image-api\";\nimport { type ComponentPropsWithRef, type ReactNode, forwardRef, useEffect, useState } from \"react\";\n\nexport interface ImageCrop {\n  startX: number;\n  startY: number;\n  endX: number;\n  endY: number;\n}\n\nexport interface ImageFocalPoint {\n  x: number;\n  y: number;\n}\n\ninterface SrcQueryStringOptions {\n  width?: number;\n  crop?: ImageCrop;\n  focalPoint?: ImageFocalPoint;\n  imageLanguage?: string;\n}\n\nexport const makeSrcQueryString = ({ width, crop, focalPoint, imageLanguage }: SrcQueryStringOptions) => {\n  const params = [];\n  if (width) {\n    params.push(`width=${width}`);\n  }\n  if (crop) {\n    params.push(`cropStartX=${crop.startX}&cropEndX=${crop.endX}&cropStartY=${crop.startY}&cropEndY=${crop.endY}`);\n  }\n  if (focalPoint) {\n    params.push(`focalX=${focalPoint.x}&focalY=${focalPoint.y}`);\n  }\n  if (imageLanguage) {\n    params.push(`language=${imageLanguage}`);\n  }\n  return params.join(\"&\");\n};\n\ninterface SrcSetOptions {\n  crop?: ImageCrop;\n  focalPoint?: ImageFocalPoint;\n  imageLanguage?: string;\n  src?: string;\n}\n\nexport const VAR_WIDTHS: Record<ImageVariantSize, number> = {\n  icon: 240,\n  xsmall: 480,\n  small: 800,\n  medium: 1080,\n  large: 1440,\n  xlarge: 1920,\n  xxlarge: 2560,\n};\n\nconst IMAGE_WIDTHS = [2720, 2080, 1760, 1440, 1120, 1000, 960, 800, 640, 480, 320, 240, 180];\n\nexport const getVariantSrcSet = (variants: ImageVariantDTO[]) => {\n  return variants\n    .map((variant) => {\n      return `${variant.variantUrl} ${VAR_WIDTHS[variant.size]}w`;\n    })\n    .join(\", \");\n};\n\nexport const getVariantSizes = (variants: ImageVariantDTO[]) => {\n  return variants\n    .map((variant, i) => {\n      if (i === variants.length - 1) {\n        return `${VAR_WIDTHS[variant.size]}px`;\n      }\n      return `(max-width: ${VAR_WIDTHS[variant.size]}px) ${VAR_WIDTHS[variant.size]}px`;\n    })\n    .join(\", \");\n};\n\nexport const getSrcSet = ({ src, crop, focalPoint, imageLanguage }: SrcSetOptions) => {\n  if (!src) return undefined;\n  return IMAGE_WIDTHS.map((width) => {\n    const queryString = makeSrcQueryString({ width, crop, focalPoint, imageLanguage });\n    const query = queryString.length ? `?${queryString}` : \"\";\n    return `${src}${query} ${width}w`;\n  }).join(\", \");\n};\n\nconst FALLBACK_WIDTH = 1024;\n\nconst FALLBACK_SIZES = \"(min-width: 1024px) 1024px, 100vw\";\n\nexport interface PictureProps extends StyledProps, ComponentPropsWithRef<\"picture\"> {\n  src: string;\n  sizes?: string;\n  contentType?: string;\n  srcSet?: string;\n  crop?: ImageCrop;\n  focalPoint?: ImageFocalPoint;\n  imageLanguage?: string;\n}\n\nexport const Picture = forwardRef<HTMLPictureElement, PictureProps>(\n  (\n    {\n      children,\n      srcSet: srcSetProp,\n      crop,\n      focalPoint,\n      src,\n      imageLanguage,\n      contentType,\n      sizes = FALLBACK_SIZES,\n      ...props\n    },\n    ref,\n  ) => {\n    const srcSet = srcSetProp ?? getSrcSet({ src, crop, focalPoint, imageLanguage });\n\n    return (\n      <styled.picture {...props} ref={ref}>\n        {contentType !== \"image/gif\" && <source type={contentType} srcSet={srcSet} sizes={sizes} />}\n        {children}\n      </styled.picture>\n    );\n  },\n);\n\nconst StyledImage = styled(\"img\", {\n  defaultVariants: { variant: \"regular\" },\n  variants: {\n    variant: {\n      regular: {},\n      rounded: {\n        borderRadius: \"xsmall\",\n      },\n    },\n  },\n});\n\nconst StyledFallbackElement = styled(\n  ark.div,\n  {\n    base: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"center\",\n    },\n  },\n  { baseComponent: true },\n);\n\ntype ImageVariantProps = StyledVariantProps<typeof StyledImage>;\n\nexport interface ImgProps extends StyledProps, ComponentPropsWithRef<\"img\">, ImageVariantProps {\n  alt: string;\n  src: string;\n  fallbackWidth?: number;\n  contentType?: string;\n  crop?: ImageCrop;\n  imageLanguage?: string;\n  focalPoint?: ImageFocalPoint;\n}\n\nexport const Img = forwardRef<HTMLImageElement, ImgProps>(\n  ({ fallbackWidth = FALLBACK_WIDTH, crop, focalPoint, imageLanguage, contentType, src, alt, ...props }, ref) => {\n    const queryString = makeSrcQueryString({ width: fallbackWidth, crop, focalPoint, imageLanguage });\n    const srcWithParms = queryString ? `${src}?${queryString}` : src;\n    return <StyledImage alt={alt} src={contentType === \"image/gif\" ? src : srcWithParms} {...props} ref={ref} />;\n  },\n);\n\nexport interface ImageProps extends StyledProps, ComponentPropsWithRef<\"img\">, ImageVariantProps {\n  alt: string;\n  src?: string;\n  sizes?: string;\n  fallbackWidth?: number;\n  contentType?: string;\n  imageLanguage?: string;\n  crop?: ImageCrop;\n  fallbackElement?: ReactNode;\n  focalPoint?: ImageFocalPoint;\n  variants?: ImageVariantDTO[];\n}\n\nexport const Image = forwardRef<HTMLImageElement, ImageProps>(\n  (\n    {\n      srcSet: srcSetProp,\n      crop,\n      focalPoint,\n      src,\n      contentType,\n      imageLanguage,\n      fallbackWidth = FALLBACK_WIDTH,\n      sizes: sizesProp,\n      alt,\n      fallbackElement,\n      variants,\n      ...props\n    },\n    ref,\n  ) => {\n    const [hasError, setHasError] = useState(false);\n\n    useEffect(() => {\n      setHasError(false);\n    }, [src, srcSetProp, sizesProp, variants]);\n\n    if (!src?.length && !variants?.length && fallbackElement) {\n      return (\n        <StyledFallbackElement {...props} ref={ref}>\n          {fallbackElement}\n        </StyledFallbackElement>\n      );\n    }\n\n    const queryString = makeSrcQueryString({ width: fallbackWidth, crop, focalPoint, imageLanguage });\n    const fallbackSrc = src && queryString ? `${src}?${queryString}` : src;\n\n    return (\n      <picture>\n        {!!variants?.length && !crop && !focalPoint && contentType !== \"image/gif\" && (\n          <source\n            type={\"image/webp\"}\n            srcSet={getVariantSrcSet(variants)}\n            sizes={sizesProp ?? getVariantSizes(variants)}\n          />\n        )}\n        {contentType !== \"image/gif\" && (\n          <source\n            type={contentType}\n            srcSet={getSrcSet({ src, crop, focalPoint, imageLanguage })}\n            sizes={sizesProp ?? FALLBACK_SIZES}\n          />\n        )}\n        <StyledImage\n          alt={alt}\n          src={contentType === \"image/gif\" ? src : fallbackSrc}\n          {...props}\n          ref={ref}\n          data-error={hasError ? \"\" : undefined}\n          onError={(e) => {\n            setHasError(true);\n            props.onError?.(e);\n          }}\n          onLoad={(e) => {\n            setHasError(false);\n            props.onLoad?.(e);\n          }}\n        />\n      </picture>\n    );\n  },\n);\n"],"mappings":"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"}

package/lib/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["css","ark","Field"],"sources":["../src/Input.tsx"],"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 { Field, type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport { composeRefs } from \"@ndla/util\";\nimport { createContext, forwardRef, useCallback, useContext, useEffect, useRef } from \"react\";\n\ninterface InputContextType {}\n\nconst InputContext = createContext<InputContextType | undefined>(undefined);\n\nconst inputCss = css.raw({\n  boxShadowColor: \"stroke.subtle\",\n  boxShadow: \"inset 0 0 0 1px var(--shadow-color)\",\n  background: \"background.default\",\n  borderRadius: \"xsmall\",\n  _ariaInvalid: {\n    boxShadowColor: \"stroke.error\",\n    _hover: {\n      boxShadowColor: \"stroke.error\",\n    },\n    _focusWithin: {\n      boxShadowColor: \"stroke.error\",\n      _hover: {\n        boxShadowColor: \"stroke.error\",\n      },\n    },\n  },\n  _hover: {\n    boxShadowColor: \"stroke.hover\",\n  },\n  _focusWithin: {\n    boxShadow: \"inset 0 0 0 2px var(--shadow-color)\",\n    boxShadowColor: \"stroke.default\",\n    _hover: {\n      boxShadowColor: \"stroke.default\",\n    },\n  },\n  \"&:disabled, &:has(:disabled)\": {\n    boxShadowColor: \"stroke.subtle\",\n    _hover: {\n      boxShadowColor: \"stroke.subtle\",\n    },\n  },\n});\n\nconst StyledInputContainer = styled(\n  ark.div,\n  {\n    base: {\n      width: \"100%\",\n      display: \"flex\",\n      alignItems: \"center\",\n      \"& svg\": {\n        width: \"medium\",\n        height: \"medium\",\n      },\n      \"&:not(:has(input:first-child,textarea:first-child))\": {\n        paddingInlineStart: \"xsmall\",\n      },\n      \"&:not(:has(input:last-child,textarea:last-child))\": {\n        paddingInlineEnd: \"xsmall\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\ninterface InputContainerProps extends HTMLArkProps<\"div\">, StyledProps {}\n\nexport const InputContainer = forwardRef<HTMLDivElement, InputContainerProps>(\n  ({ children, css: cssProp, ...rest }, ref) => (\n    <InputContext.Provider value={{}}>\n      <StyledInputContainer css={css.raw(inputCss, cssProp)} {...rest} ref={ref}>\n        {children}\n      </StyledInputContainer>\n    </InputContext.Provider>\n  ),\n);\n\nconst baseInputCss = css.raw({\n  width: \"100%\",\n  color: \"text.default\",\n  outline: \"none\",\n  background: \"none\",\n  border: \"0\",\n  _disabled: {\n    cursor: \"not-allowed\",\n  },\n  // Chrome messes with input styling when autofilling. Having a really long transitions cancels this out.\n  _autofill: {\n    transition: \"background-color 600000s 0s, color 600000s 0s\",\n  },\n  _focus: {\n    appearance: \"none\",\n  },\n  _placeholder: {\n    color: \"text.subtle\",\n  },\n});\n\nconst baseTextAreaCss = css.raw({\n  padding: \"xsmall\",\n  minHeight: \"xxlarge\",\n  height: \"xxlarge\",\n  resize: \"none\",\n  overflowY: \"hidden\",\n});\n\nconst StyledInput = styled(ark.input, {}, { baseComponent: true });\n\nconst inputRecipe = cva({\n  defaultVariants: {\n    componentSize: \"medium\",\n  },\n  variants: {\n    componentSize: {\n      small: {\n        paddingBlock: \"4xsmall\",\n        paddingInline: \"xsmall\",\n      },\n      medium: {\n        minHeight: \"xxlarge\",\n        padding: \"xsmall\",\n      },\n    },\n  },\n});\n\ntype InputVariantProps = NonNullable<RecipeVariantProps<typeof inputRecipe>>;\n\nexport interface InputProps extends HTMLArkProps<\"input\">, StyledProps, InputVariantProps {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({ css: cssProp, componentSize, ...props }, ref) => {\n  const context = useContext(InputContext);\n  return (\n    <StyledInput\n      css={css.raw(inputRecipe.raw({ componentSize }), baseInputCss, context ? undefined : inputCss, cssProp)}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport const FieldInput = forwardRef<HTMLInputElement, InputProps>((props, ref) => (\n  <Field.Input asChild {...props} ref={ref}>\n    <Input />\n  </Field.Input>\n));\n\ninterface TextAreaProps extends HTMLArkProps<\"textarea\">, StyledProps {\n  autoResize?: boolean;\n}\n\nconst StyledTextArea = styled(ark.textarea, {}, { baseComponent: true });\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ css: cssProp, autoResize = true, ...props }, ref) => {\n    const context = useContext(InputContext);\n    const localRef = useRef<HTMLTextAreaElement>(null);\n\n    // Automatically resize a textarea based on its content\n    const resize = useCallback(() => {\n      if (!localRef.current) return;\n      localRef.current.style.height = \"0\";\n      // TODO: Figure out if we need to add the 3 extra pixels, maybe related to scroll?\n      localRef.current.style.height = `${localRef.current.scrollHeight + 3}px`;\n    }, []);\n\n    useEffect(() => {\n      if (!autoResize) return;\n      window.addEventListener(\"input\", resize);\n      window.addEventListener(\"resize\", resize);\n      resize();\n      return () => {\n        window.removeEventListener(\"input\", resize);\n        window.removeEventListener(\"resize\", resize);\n      };\n    }, [resize, autoResize]);\n\n    return (\n      <StyledTextArea\n        css={css.raw(baseInputCss, context ? undefined : inputCss, baseTextAreaCss, cssProp)}\n        ref={composeRefs(ref, localRef)}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const FieldTextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => (\n  <Field.Textarea asChild {...props} ref={ref}>\n    <TextArea />\n  </Field.Textarea>\n));\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["css","ark","Field"],"sources":["../src/Input.tsx"],"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 { Field, type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps } from \"@ndla/styled-system/types\";\nimport { composeRefs } from \"@ndla/util\";\nimport { createContext, forwardRef, useCallback, useContext, useEffect, useRef } from \"react\";\n\ninterface InputContextType {}\n\nconst InputContext = createContext<InputContextType | undefined>(undefined);\n\nconst inputCss = css.raw({\n  boxShadowColor: \"stroke.subtle\",\n  boxShadow: \"inset 0 0 0 1px var(--shadow-color)\",\n  background: \"background.default\",\n  borderRadius: \"xsmall\",\n  _ariaInvalid: {\n    boxShadowColor: \"stroke.error\",\n    _hover: {\n      boxShadowColor: \"stroke.error\",\n    },\n    _focusWithin: {\n      boxShadowColor: \"stroke.error\",\n      _hover: {\n        boxShadowColor: \"stroke.error\",\n      },\n    },\n  },\n  _hover: {\n    boxShadowColor: \"stroke.hover\",\n  },\n  _focusWithin: {\n    boxShadow: \"inset 0 0 0 2px var(--shadow-color)\",\n    boxShadowColor: \"stroke.default\",\n    _hover: {\n      boxShadowColor: \"stroke.default\",\n    },\n  },\n  \"&:disabled, &:has(:disabled)\": {\n    boxShadowColor: \"stroke.subtle\",\n    _hover: {\n      boxShadowColor: \"stroke.subtle\",\n    },\n  },\n});\n\nconst StyledInputContainer = styled(\n  ark.div,\n  {\n    base: {\n      width: \"100%\",\n      display: \"flex\",\n      alignItems: \"center\",\n      \"& svg\": {\n        width: \"medium\",\n        height: \"medium\",\n      },\n      \"&:not(:has(input:first-child,textarea:first-child))\": {\n        paddingInlineStart: \"xsmall\",\n      },\n      \"&:not(:has(input:last-child,textarea:last-child))\": {\n        paddingInlineEnd: \"xsmall\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\ninterface InputContainerProps extends HTMLArkProps<\"div\">, StyledProps {}\n\nexport const InputContainer = forwardRef<HTMLDivElement, InputContainerProps>(\n  ({ children, css: cssProp, ...rest }, ref) => (\n    <InputContext.Provider value={{}}>\n      <StyledInputContainer css={css.raw(inputCss, cssProp)} {...rest} ref={ref}>\n        {children}\n      </StyledInputContainer>\n    </InputContext.Provider>\n  ),\n);\n\nconst baseInputCss = css.raw({\n  width: \"100%\",\n  color: \"text.default\",\n  outline: \"none\",\n  background: \"none\",\n  border: \"0\",\n  _disabled: {\n    cursor: \"not-allowed\",\n  },\n  // Chrome messes with input styling when autofilling. Having a really long transitions cancels this out.\n  _autofill: {\n    transition: \"background-color 600000s 0s, color 600000s 0s\",\n  },\n  _focus: {\n    appearance: \"none\",\n  },\n  _placeholder: {\n    color: \"text.subtle\",\n  },\n});\n\nconst baseTextAreaCss = css.raw({\n  padding: \"xsmall\",\n  minHeight: \"xxlarge\",\n  height: \"xxlarge\",\n  resize: \"none\",\n  overflowY: \"hidden\",\n});\n\nconst StyledInput = styled(ark.input, {}, { baseComponent: true });\n\nconst inputRecipe = cva({\n  defaultVariants: {\n    componentSize: \"medium\",\n  },\n  variants: {\n    componentSize: {\n      small: {\n        paddingBlock: \"4xsmall\",\n        paddingInline: \"xsmall\",\n      },\n      medium: {\n        minHeight: \"xxlarge\",\n        padding: \"xsmall\",\n      },\n    },\n  },\n});\n\ntype InputVariantProps = NonNullable<RecipeVariantProps<typeof inputRecipe>>;\n\nexport interface InputProps extends HTMLArkProps<\"input\">, StyledProps, InputVariantProps {}\n\nexport const Input = forwardRef<HTMLInputElement, InputProps>(({ css: cssProp, componentSize, ...props }, ref) => {\n  const context = useContext(InputContext);\n  return (\n    <StyledInput\n      css={css.raw(inputRecipe.raw({ componentSize }), baseInputCss, context ? undefined : inputCss, cssProp)}\n      ref={ref}\n      {...props}\n    />\n  );\n});\n\nexport const FieldInput = forwardRef<HTMLInputElement, InputProps>((props, ref) => (\n  <Field.Input asChild {...props} ref={ref}>\n    <Input />\n  </Field.Input>\n));\n\ninterface TextAreaProps extends HTMLArkProps<\"textarea\">, StyledProps {\n  autoResize?: boolean;\n}\n\nconst StyledTextArea = styled(ark.textarea, {}, { baseComponent: true });\n\nexport const TextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>(\n  ({ css: cssProp, autoResize = true, ...props }, ref) => {\n    const context = useContext(InputContext);\n    const localRef = useRef<HTMLTextAreaElement>(null);\n\n    // Automatically resize a textarea based on its content\n    const resize = useCallback(() => {\n      if (!localRef.current) return;\n      localRef.current.style.height = \"0\";\n      // TODO: Figure out if we need to add the 3 extra pixels, maybe related to scroll?\n      localRef.current.style.height = `${localRef.current.scrollHeight + 3}px`;\n    }, []);\n\n    useEffect(() => {\n      if (!autoResize) return;\n      window.addEventListener(\"input\", resize);\n      window.addEventListener(\"resize\", resize);\n      resize();\n      return () => {\n        window.removeEventListener(\"input\", resize);\n        window.removeEventListener(\"resize\", resize);\n      };\n    }, [resize, autoResize]);\n\n    return (\n      <StyledTextArea\n        css={css.raw(baseInputCss, context ? undefined : inputCss, baseTextAreaCss, cssProp)}\n        ref={composeRefs(ref, localRef)}\n        {...props}\n      />\n    );\n  },\n);\n\nexport const FieldTextArea = forwardRef<HTMLTextAreaElement, TextAreaProps>((props, ref) => (\n  <Field.Textarea asChild {...props} ref={ref}>\n    <TextArea />\n  </Field.Textarea>\n));\n"],"mappings":"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"}

package/lib/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","names":["ark","css","Fieldset","Field"],"sources":["../src/Label.tsx"],"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 { Field, Fieldset, type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { type TextProps } from \"./Text\";\n\nconst StyledLegend = styled(\n  ark.legend,\n  {\n    base: {\n      float: \"left\",\n      width: \"inherit\",\n      _disabled: {\n        color: \"text.subtle\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\nexport interface LegendProps extends Omit<HTMLArkProps<\"legend\">, \"color\">, StyledProps, TextProps {}\n\nexport const Legend = forwardRef<HTMLLegendElement, LegendProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", css: cssProp, srOnly, color, ...rest }, ref) => (\n    <StyledLegend css={css.raw({ textStyle, fontWeight, srOnly, color }, cssProp)} {...rest} ref={ref} />\n  ),\n);\n\nexport interface FieldsetLegendProps extends Omit<Fieldset.LegendProps, \"color\">, TextProps, StyledProps {}\n\nexport const FieldsetLegend = forwardRef<HTMLLegendElement, LegendProps>(({ children, ...props }, ref) => (\n  <Fieldset.Legend asChild {...props} ref={ref}>\n    <Legend>{children}</Legend>\n  </Fieldset.Legend>\n));\n\nconst StyledLabel = styled(\n  ark.label,\n  {\n    base: {\n      display: \"inline-block\",\n      _disabled: {\n        color: \"text.subtle\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\nexport interface LabelProps extends Omit<HTMLArkProps<\"label\">, \"color\">, TextProps, StyledProps {}\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", css: cssProp, srOnly, color, ...rest }, ref) => (\n    <StyledLabel css={css.raw({ textStyle, fontWeight, srOnly, color }, cssProp)} {...rest} ref={ref} />\n  ),\n);\n\nexport const FieldLabel = forwardRef<HTMLLabelElement, LabelProps>(({ children, ...props }, ref) => (\n  <Field.Label asChild {...props} ref={ref}>\n    <Label>{children}</Label>\n  </Field.Label>\n));\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,gBAAA,GAAA,wBAAA,QACJA,cAAAA,IAAI,QACJ,EACE,MAAM;CACJ,OAAO;CACP,OAAO;CACP,WAAW,EACT,OAAO,eACR;CACF,EACF,EACD,EAAE,eAAe,MAAM,CACxB;AAID,MAAa,UAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,KAAK,SAAS,QAAQ,OAAO,GAAG,QAAQ,QAC1F,iBAAA,GAAA,kBAAA,KAAC,cAAD;CAAc,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAQ;EAAO,EAAE,QAAQ;CAAE,GAAI;CAAW;CAAO,CAAA,CAExG;AAID,MAAa,kBAAA,GAAA,MAAA,aAA6D,EAAE,UAAU,GAAG,SAAS,QAChG,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAS,QAAV;CAAiB,SAAA;CAAQ,GAAI;CAAY;WACvC,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAS,UAAkB,CAAA;CACX,CAAA,CAClB;AAEF,MAAM,eAAA,GAAA,wBAAA,QACJF,cAAAA,IAAI,OACJ,EACE,MAAM;CACJ,SAAS;CACT,WAAW,EACT,OAAO,eACR;CACF,EACF,EACD,EAAE,eAAe,MAAM,CACxB;AAID,MAAa,SAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,KAAK,SAAS,QAAQ,OAAO,GAAG,QAAQ,QAC1F,iBAAA,GAAA,kBAAA,KAAC,aAAD;CAAa,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAQ;EAAO,EAAE,QAAQ;CAAE,GAAI;CAAW;CAAO,CAAA,CAEvG;AAED,MAAa,cAAA,GAAA,MAAA,aAAuD,EAAE,UAAU,GAAG,SAAS,QAC1F,iBAAA,GAAA,kBAAA,KAACE,cAAAA,MAAM,OAAP;CAAa,SAAA;CAAQ,GAAI;CAAY;WACnC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAQ,UAAiB,CAAA;CACb,CAAA,CACd"}
+{"version":3,"file":"Label.js","names":["ark","css","Fieldset","Field"],"sources":["../src/Label.tsx"],"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 { Field, Fieldset, type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { type TextProps } from \"./Text\";\n\nconst StyledLegend = styled(\n  ark.legend,\n  {\n    base: {\n      float: \"left\",\n      width: \"inherit\",\n      _disabled: {\n        color: \"text.subtle\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\nexport interface LegendProps extends Omit<HTMLArkProps<\"legend\">, \"color\">, StyledProps, TextProps {}\n\nexport const Legend = forwardRef<HTMLLegendElement, LegendProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", css: cssProp, srOnly, color, ...rest }, ref) => (\n    <StyledLegend css={css.raw({ textStyle, fontWeight, srOnly, color }, cssProp)} {...rest} ref={ref} />\n  ),\n);\n\nexport interface FieldsetLegendProps extends Omit<Fieldset.LegendProps, \"color\">, TextProps, StyledProps {}\n\nexport const FieldsetLegend = forwardRef<HTMLLegendElement, LegendProps>(({ children, ...props }, ref) => (\n  <Fieldset.Legend asChild {...props} ref={ref}>\n    <Legend>{children}</Legend>\n  </Fieldset.Legend>\n));\n\nconst StyledLabel = styled(\n  ark.label,\n  {\n    base: {\n      display: \"inline-block\",\n      _disabled: {\n        color: \"text.subtle\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n\nexport interface LabelProps extends Omit<HTMLArkProps<\"label\">, \"color\">, TextProps, StyledProps {}\n\nexport const Label = forwardRef<HTMLLabelElement, LabelProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", css: cssProp, srOnly, color, ...rest }, ref) => (\n    <StyledLabel css={css.raw({ textStyle, fontWeight, srOnly, color }, cssProp)} {...rest} ref={ref} />\n  ),\n);\n\nexport const FieldLabel = forwardRef<HTMLLabelElement, LabelProps>(({ children, ...props }, ref) => (\n  <Field.Label asChild {...props} ref={ref}>\n    <Label>{children}</Label>\n  </Field.Label>\n));\n"],"mappings":";;;;;;;;;;;;;AAeA,MAAM,gBAAA,GAAA,wBAAA,QACJA,cAAAA,IAAI,QACJ,EACE,MAAM;CACJ,OAAO;CACP,OAAO;CACP,WAAW,EACT,OAAO,cACT;AACF,EACF,GACA,EAAE,eAAe,KAAK,CACxB;AAIA,MAAa,UAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,KAAK,SAAS,QAAQ,OAAO,GAAG,QAAQ,QAC1F,iBAAA,GAAA,kBAAA,KAAC,cAAD;CAAc,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAQ;CAAM,GAAG,OAAO;CAAG,GAAI;CAAW;AAAM,CAAA,CAExG;AAIA,MAAa,kBAAA,GAAA,MAAA,aAA6D,EAAE,UAAU,GAAG,SAAS,QAChG,iBAAA,GAAA,kBAAA,KAACC,cAAAA,SAAS,QAAV;CAAiB,SAAA;CAAQ,GAAI;CAAY;WACvC,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAS,SAAiB,CAAA;AACX,CAAA,CAClB;AAED,MAAM,eAAA,GAAA,wBAAA,QACJF,cAAAA,IAAI,OACJ,EACE,MAAM;CACJ,SAAS;CACT,WAAW,EACT,OAAO,cACT;AACF,EACF,GACA,EAAE,eAAe,KAAK,CACxB;AAIA,MAAa,SAAA,GAAA,MAAA,aACV,EAAE,YAAY,gBAAgB,aAAa,QAAQ,KAAK,SAAS,QAAQ,OAAO,GAAG,QAAQ,QAC1F,iBAAA,GAAA,kBAAA,KAAC,aAAD;CAAa,KAAKC,wBAAAA,IAAI,IAAI;EAAE;EAAW;EAAY;EAAQ;CAAM,GAAG,OAAO;CAAG,GAAI;CAAW;AAAM,CAAA,CAEvG;AAEA,MAAa,cAAA,GAAA,MAAA,aAAuD,EAAE,UAAU,GAAG,SAAS,QAC1F,iBAAA,GAAA,kBAAA,KAACE,cAAAA,MAAM,OAAP;CAAa,SAAA;CAAQ,GAAI;CAAY;WACnC,iBAAA,GAAA,kBAAA,KAAC,OAAD,EAAQ,SAAgB,CAAA;AACb,CAAA,CACd"}

package/lib/Layout/PageContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContainer.js","names":["PageContent","css"],"sources":["../../src/Layout/PageContainer.tsx"],"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 { type HTMLArkProps } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { PageContent, type PageContentVariantProps } from \"./PageContent\";\n\nconst pageContainerRecipe = cva({\n  defaultVariants: {\n    padding: \"medium\",\n  },\n  variants: {\n    padding: {\n      none: {},\n      small: {\n        paddingBlockStart: \"medium\",\n        paddingBlockEnd: \"5xlarge\",\n      },\n      medium: {\n        paddingBlockStart: \"xxlarge\",\n        paddingBlockEnd: \"5xlarge\",\n      },\n      large: {\n        paddingBlockStart: \"4xlarge\",\n        paddingBlockEnd: \"5xlarge\",\n      },\n    },\n  },\n});\n\nexport type PageContainerVariantProps = NonNullable<RecipeVariantProps<typeof pageContainerRecipe>>;\n\nexport interface PageContainerProps\n  extends HTMLArkProps<\"div\">, StyledProps, PageContentVariantProps, PageContainerVariantProps {}\n\nexport const PageContainer = forwardRef<HTMLDivElement, PageContainerProps>(\n  ({ padding, css: cssProp, ...props }, ref) => (\n    <PageContent css={css.raw(pageContainerRecipe.raw({ padding }), cssProp)} {...props} ref={ref} />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,uBAAA,GAAA,wBAAA,KAA0B;CAC9B,iBAAiB,EACf,SAAS,UACV;CACD,UAAU,EACR,SAAS;EACP,MAAM,EAAE;EACR,OAAO;GACL,mBAAmB;GACnB,iBAAiB;GAClB;EACD,QAAQ;GACN,mBAAmB;GACnB,iBAAiB;GAClB;EACD,OAAO;GACL,mBAAmB;GACnB,iBAAiB;GAClB;EACF,EACF;CACF,CAAC;AAOF,MAAa,iBAAA,GAAA,MAAA,aACV,EAAE,SAAS,KAAK,SAAS,GAAG,SAAS,QACpC,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,aAAD;CAAa,KAAKC,wBAAAA,IAAI,IAAI,oBAAoB,IAAI,EAAE,SAAS,CAAC,EAAE,QAAQ;CAAE,GAAI;CAAY;CAAO,CAAA,CAEpG"}
+{"version":3,"file":"PageContainer.js","names":["PageContent","css"],"sources":["../../src/Layout/PageContainer.tsx"],"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 { type HTMLArkProps } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { PageContent, type PageContentVariantProps } from \"./PageContent\";\n\nconst pageContainerRecipe = cva({\n  defaultVariants: {\n    padding: \"medium\",\n  },\n  variants: {\n    padding: {\n      none: {},\n      small: {\n        paddingBlockStart: \"medium\",\n        paddingBlockEnd: \"5xlarge\",\n      },\n      medium: {\n        paddingBlockStart: \"xxlarge\",\n        paddingBlockEnd: \"5xlarge\",\n      },\n      large: {\n        paddingBlockStart: \"4xlarge\",\n        paddingBlockEnd: \"5xlarge\",\n      },\n    },\n  },\n});\n\nexport type PageContainerVariantProps = NonNullable<RecipeVariantProps<typeof pageContainerRecipe>>;\n\nexport interface PageContainerProps\n  extends HTMLArkProps<\"div\">, StyledProps, PageContentVariantProps, PageContainerVariantProps {}\n\nexport const PageContainer = forwardRef<HTMLDivElement, PageContainerProps>(\n  ({ padding, css: cssProp, ...props }, ref) => (\n    <PageContent css={css.raw(pageContainerRecipe.raw({ padding }), cssProp)} {...props} ref={ref} />\n  ),\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,uBAAA,GAAA,wBAAA,KAA0B;CAC9B,iBAAiB,EACf,SAAS,SACX;CACA,UAAU,EACR,SAAS;EACP,MAAM,CAAC;EACP,OAAO;GACL,mBAAmB;GACnB,iBAAiB;EACnB;EACA,QAAQ;GACN,mBAAmB;GACnB,iBAAiB;EACnB;EACA,OAAO;GACL,mBAAmB;GACnB,iBAAiB;EACnB;CACF,EACF;AACF,CAAC;AAOD,MAAa,iBAAA,GAAA,MAAA,aACV,EAAE,SAAS,KAAK,SAAS,GAAG,SAAS,QACpC,iBAAA,GAAA,kBAAA,KAACA,oBAAAA,aAAD;CAAa,KAAKC,wBAAAA,IAAI,IAAI,oBAAoB,IAAI,EAAE,QAAQ,CAAC,GAAG,OAAO;CAAG,GAAI;CAAY;AAAM,CAAA,CAEpG"}

package/lib/Layout/PageContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageContent.js","names":["ark","css"],"sources":["../../src/Layout/PageContent.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst pageRecipe = cva({\n  base: {\n    display: \"grid\",\n    transitionProperty: \"all\",\n    transitionDuration: \"default\",\n    transitionTimingFunction: \"default\",\n    alignContent: \"start\",\n    /**\n     * var(--size) is the max width of the content\n     * calc(100% - (var(--gutter, 0) * 2)) is the max width of the page, minus the gutters (inline padding without being actual padding).\n     * In effect, this will center the content on the page, and constrain it to either the content width or the page width, whichever is smaller.\n     */\n    gridColumnGap: \"var(--gutter, 0)\",\n    gridTemplateColumns: \"1fr min(var(--size), calc(100% - (var(--gutter, 0) * 2))) 1fr\",\n    \"& > *\": {\n      gridColumnStart: \"2\",\n      gridColumnEnd: \"2\",\n    },\n  },\n  defaultVariants: {\n    variant: \"page\",\n    gutters: \"always\",\n  },\n  variants: {\n    variant: {\n      content: {\n        \"--size\": \"sizes.surface.contentMax\",\n      },\n      article: {\n        \"--size\": \"sizes.surface.articleMax\",\n      },\n      page: {\n        \"--size\": \"sizes.surface.pageMax\",\n      },\n      wide: {\n        \"--size\": \"sizes.surface.wideMax\",\n      },\n    },\n    gutters: {\n      never: {\n        \"--gutter\": \"0px\",\n      },\n      mobileUp: {\n        \"--gutter\": \"0px\",\n        mobileWide: {\n          \"--gutter\": \"spacing.medium\",\n        },\n      },\n      tabletUp: {\n        \"--gutter\": \"0px\",\n        tablet: {\n          \"--gutter\": \"spacing.medium\",\n        },\n      },\n      always: {\n        \"--gutter\": \"spacing.small\",\n        tablet: {\n          \"--gutter\": \"spacing.medium\",\n        },\n      },\n    },\n  },\n});\n\nconst StyledPageContent = styled(ark.div, {}, { baseComponent: true });\n\nexport type PageContentVariantProps = NonNullable<RecipeVariantProps<typeof pageRecipe>>;\n\nexport interface PageContentProps extends HTMLArkProps<\"div\">, StyledProps, PageContentVariantProps {}\n\nexport const PageContent = forwardRef<HTMLDivElement, PageContentProps>(\n  ({ variant, gutters, css: cssProp, ...props }, ref) => (\n    <StyledPageContent css={css.raw(pageRecipe.raw({ variant, gutters }), cssProp)} ref={ref} {...props} />\n  ),\n);\n\nexport const BleedPageContent = styled(\n  ark.div,\n  {\n    base: {\n      \"& \": {\n        width: \"100%\",\n        gridColumnStart: \"1\",\n        gridColumnEnd: \"-1\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,cAAA,GAAA,wBAAA,KAAiB;CACrB,MAAM;EACJ,SAAS;EACT,oBAAoB;EACpB,oBAAoB;EACpB,0BAA0B;EAC1B,cAAc;;;;;;EAMd,eAAe;EACf,qBAAqB;EACrB,SAAS;GACP,iBAAiB;GACjB,eAAe;GAChB;EACF;CACD,iBAAiB;EACf,SAAS;EACT,SAAS;EACV;CACD,UAAU;EACR,SAAS;GACP,SAAS,EACP,UAAU,4BACX;GACD,SAAS,EACP,UAAU,4BACX;GACD,MAAM,EACJ,UAAU,yBACX;GACD,MAAM,EACJ,UAAU,yBACX;GACF;EACD,SAAS;GACP,OAAO,EACL,YAAY,OACb;GACD,UAAU;IACR,YAAY;IACZ,YAAY,EACV,YAAY,kBACb;IACF;GACD,UAAU;IACR,YAAY;IACZ,QAAQ,EACN,YAAY,kBACb;IACF;GACD,QAAQ;IACN,YAAY;IACZ,QAAQ,EACN,YAAY,kBACb;IACF;GACF;EACF;CACF,CAAC;AAEF,MAAM,qBAAA,GAAA,wBAAA,QAA2BA,cAAAA,IAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAMtE,MAAa,eAAA,GAAA,MAAA,aACV,EAAE,SAAS,SAAS,KAAK,SAAS,GAAG,SAAS,QAC7C,iBAAA,GAAA,kBAAA,KAAC,mBAAD;CAAmB,KAAKC,wBAAAA,IAAI,IAAI,WAAW,IAAI;EAAE;EAAS;EAAS,CAAC,EAAE,QAAQ;CAAO;CAAK,GAAI;CAAS,CAAA,CAE1G;AAED,MAAa,oBAAA,GAAA,wBAAA,QACXD,cAAAA,IAAI,KACJ,EACE,MAAM,EACJ,MAAM;CACJ,OAAO;CACP,iBAAiB;CACjB,eAAe;CAChB,EACF,EACF,EACD,EAAE,eAAe,MAAM,CACxB"}
+{"version":3,"file":"PageContent.js","names":["ark","css"],"sources":["../../src/Layout/PageContent.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst pageRecipe = cva({\n  base: {\n    display: \"grid\",\n    transitionProperty: \"all\",\n    transitionDuration: \"default\",\n    transitionTimingFunction: \"default\",\n    alignContent: \"start\",\n    /**\n     * var(--size) is the max width of the content\n     * calc(100% - (var(--gutter, 0) * 2)) is the max width of the page, minus the gutters (inline padding without being actual padding).\n     * In effect, this will center the content on the page, and constrain it to either the content width or the page width, whichever is smaller.\n     */\n    gridColumnGap: \"var(--gutter, 0)\",\n    gridTemplateColumns: \"1fr min(var(--size), calc(100% - (var(--gutter, 0) * 2))) 1fr\",\n    \"& > *\": {\n      gridColumnStart: \"2\",\n      gridColumnEnd: \"2\",\n    },\n  },\n  defaultVariants: {\n    variant: \"page\",\n    gutters: \"always\",\n  },\n  variants: {\n    variant: {\n      content: {\n        \"--size\": \"sizes.surface.contentMax\",\n      },\n      article: {\n        \"--size\": \"sizes.surface.articleMax\",\n      },\n      page: {\n        \"--size\": \"sizes.surface.pageMax\",\n      },\n      wide: {\n        \"--size\": \"sizes.surface.wideMax\",\n      },\n    },\n    gutters: {\n      never: {\n        \"--gutter\": \"0px\",\n      },\n      mobileUp: {\n        \"--gutter\": \"0px\",\n        mobileWide: {\n          \"--gutter\": \"spacing.medium\",\n        },\n      },\n      tabletUp: {\n        \"--gutter\": \"0px\",\n        tablet: {\n          \"--gutter\": \"spacing.medium\",\n        },\n      },\n      always: {\n        \"--gutter\": \"spacing.small\",\n        tablet: {\n          \"--gutter\": \"spacing.medium\",\n        },\n      },\n    },\n  },\n});\n\nconst StyledPageContent = styled(ark.div, {}, { baseComponent: true });\n\nexport type PageContentVariantProps = NonNullable<RecipeVariantProps<typeof pageRecipe>>;\n\nexport interface PageContentProps extends HTMLArkProps<\"div\">, StyledProps, PageContentVariantProps {}\n\nexport const PageContent = forwardRef<HTMLDivElement, PageContentProps>(\n  ({ variant, gutters, css: cssProp, ...props }, ref) => (\n    <StyledPageContent css={css.raw(pageRecipe.raw({ variant, gutters }), cssProp)} ref={ref} {...props} />\n  ),\n);\n\nexport const BleedPageContent = styled(\n  ark.div,\n  {\n    base: {\n      \"& \": {\n        width: \"100%\",\n        gridColumnStart: \"1\",\n        gridColumnEnd: \"-1\",\n      },\n    },\n  },\n  { baseComponent: true },\n);\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,cAAA,GAAA,wBAAA,KAAiB;CACrB,MAAM;EACJ,SAAS;EACT,oBAAoB;EACpB,oBAAoB;EACpB,0BAA0B;EAC1B,cAAc;;;;;;EAMd,eAAe;EACf,qBAAqB;EACrB,SAAS;GACP,iBAAiB;GACjB,eAAe;EACjB;CACF;CACA,iBAAiB;EACf,SAAS;EACT,SAAS;CACX;CACA,UAAU;EACR,SAAS;GACP,SAAS,EACP,UAAU,2BACZ;GACA,SAAS,EACP,UAAU,2BACZ;GACA,MAAM,EACJ,UAAU,wBACZ;GACA,MAAM,EACJ,UAAU,wBACZ;EACF;EACA,SAAS;GACP,OAAO,EACL,YAAY,MACd;GACA,UAAU;IACR,YAAY;IACZ,YAAY,EACV,YAAY,iBACd;GACF;GACA,UAAU;IACR,YAAY;IACZ,QAAQ,EACN,YAAY,iBACd;GACF;GACA,QAAQ;IACN,YAAY;IACZ,QAAQ,EACN,YAAY,iBACd;GACF;EACF;CACF;AACF,CAAC;AAED,MAAM,qBAAA,GAAA,wBAAA,QAA2BA,cAAAA,IAAI,KAAK,CAAC,GAAG,EAAE,eAAe,KAAK,CAAC;AAMrE,MAAa,eAAA,GAAA,MAAA,aACV,EAAE,SAAS,SAAS,KAAK,SAAS,GAAG,SAAS,QAC7C,iBAAA,GAAA,kBAAA,KAAC,mBAAD;CAAmB,KAAKC,wBAAAA,IAAI,IAAI,WAAW,IAAI;EAAE;EAAS;CAAQ,CAAC,GAAG,OAAO;CAAQ;CAAK,GAAI;AAAQ,CAAA,CAE1G;AAEA,MAAa,oBAAA,GAAA,wBAAA,QACXD,cAAAA,IAAI,KACJ,EACE,MAAM,EACJ,MAAM;CACJ,OAAO;CACP,iBAAiB;CACjB,eAAe;AACjB,EACF,EACF,GACA,EAAE,eAAe,KAAK,CACxB"}

package/lib/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","names":["ark","Heading","Image"],"sources":["../../src/ListItem/ListItem.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { Image, type ImageProps } from \"../Image\";\nimport { Heading, type TextProps } from \"../Text\";\n\nexport const listItemRecipe = sva({\n  slots: [\"root\", \"title\", \"content\", \"image\"],\n  base: {\n    root: {\n      minHeight: \"3xlarge\",\n      borderStyle: \"solid\",\n      borderWidth: \"1px\",\n      borderColor: \"stroke.subtle\",\n      backgroundColor: \"background.default\",\n      color: \"text.default\",\n      position: \"relative\",\n      display: \"flex\",\n      gap: \"small\",\n      alignItems: \"center\",\n      paddingBlock: \"xsmall\",\n      paddingInline: \"xxsmall\",\n      transitionProperty: \"background-color, border-color, color\",\n      transitionDuration: \"superFast\",\n      transitionTimingFunction: \"ease-in-out\",\n      boxShadow: \"xsmall\",\n    },\n    content: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      gap: \"xsmall\",\n      width: \"100%\",\n    },\n    image: {\n      minHeight: \"50px\",\n      maxHeight: \"50px\",\n      minWidth: \"70px\",\n      maxWidth: \"70px\",\n      objectFit: \"cover\",\n    },\n  },\n  defaultVariants: {\n    nonInteractive: false,\n  },\n  variants: {\n    nonInteractive: {\n      false: {\n        root: {\n          _highlighted: {\n            borderColor: \"stroke.hover\",\n            backgroundColor: \"surface.hover\",\n          },\n          _hover: {\n            borderColor: \"stroke.hover\",\n            backgroundColor: \"surface.hover\",\n          },\n          _active: {\n            borderColor: \"stroke.hover\",\n            backgroundColor: \"surface.active\",\n          },\n        },\n        title: {\n          textDecoration: \"underline\",\n          _hover: {\n            textDecoration: \"none\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(listItemRecipe);\n\nexport type ListItemVariantProps = NonNullable<RecipeVariantProps<typeof listItemRecipe>>;\n\nexport interface ListItemProps extends HTMLArkProps<\"div\">, StyledProps, ListItemVariantProps {}\n\nexport const ListItemRoot = withProvider(ark.div, \"root\", { baseComponent: true });\n\ninterface ListItemHeadingProps extends Omit<HTMLArkProps<\"p\">, \"color\">, TextProps {}\n\nconst InternalListItemHeading = forwardRef<HTMLHeadingElement, ListItemHeadingProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <Heading textStyle={textStyle} fontWeight={fontWeight} {...props} ref={ref} />\n  ),\n);\n\nexport const ListItemHeading = withContext(InternalListItemHeading, \"title\");\n\nexport const ListItemContent = withContext(ark.div, \"content\", { baseComponent: true });\n\nconst InternalListItemImage = withContext(Image, \"image\");\n\nexport const ListItemImage = forwardRef<HTMLImageElement, ImageProps>(({ variant = \"rounded\", ...props }, ref) => (\n  <InternalListItemImage variant={variant} {...props} ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,kBAAA,GAAA,wBAAA,KAAqB;CAChC,OAAO;EAAC;EAAQ;EAAS;EAAW;EAAQ;CAC5C,MAAM;EACJ,MAAM;GACJ,WAAW;GACX,aAAa;GACb,aAAa;GACb,aAAa;GACb,iBAAiB;GACjB,OAAO;GACP,UAAU;GACV,SAAS;GACT,KAAK;GACL,YAAY;GACZ,cAAc;GACd,eAAe;GACf,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW;GACZ;EACD,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,OAAO;GACR;EACD,OAAO;GACL,WAAW;GACX,WAAW;GACX,UAAU;GACV,UAAU;GACV,WAAW;GACZ;EACF;CACD,iBAAiB,EACf,gBAAgB,OACjB;CACD,UAAU,EACR,gBAAgB,EACd,OAAO;EACL,MAAM;GACJ,cAAc;IACZ,aAAa;IACb,iBAAiB;IAClB;GACD,QAAQ;IACN,aAAa;IACb,iBAAiB;IAClB;GACD,SAAS;IACP,aAAa;IACb,iBAAiB;IAClB;GACF;EACD,OAAO;GACL,gBAAgB;GAChB,QAAQ,EACN,gBAAgB,QACjB;GACF;EACF,EACF,EACF;CACF,CAAC;AAEF,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,oBAAmC,eAAe;AAMxE,MAAa,eAAe,aAAaA,cAAAA,IAAI,KAAK,QAAQ,EAAE,eAAe,MAAM,CAAC;AAUlF,MAAa,kBAAkB,aANzB,GAAA,MAAA,aACH,EAAE,YAAY,gBAAgB,aAAa,QAAQ,GAAG,SAAS,QAC9D,iBAAA,GAAA,kBAAA,KAACC,aAAAA,SAAD;CAAoB;CAAuB;CAAY,GAAI;CAAY;CAAO,CAAA,CAIvC,EAAyB,QAAQ;AAE5E,MAAa,kBAAkB,YAAYD,cAAAA,IAAI,KAAK,WAAW,EAAE,eAAe,MAAM,CAAC;AAEvF,MAAM,wBAAwB,YAAYE,cAAAA,OAAO,QAAQ;AAEzD,MAAa,iBAAA,GAAA,MAAA,aAA0D,EAAE,UAAU,WAAW,GAAG,SAAS,QACxG,iBAAA,GAAA,kBAAA,KAAC,uBAAD;CAAgC;CAAS,GAAI;CAAY;CAAO,CAAA,CAChE"}
+{"version":3,"file":"ListItem.js","names":["ark","Heading","Image"],"sources":["../../src/ListItem/ListItem.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\nimport { Image, type ImageProps } from \"../Image\";\nimport { Heading, type TextProps } from \"../Text\";\n\nexport const listItemRecipe = sva({\n  slots: [\"root\", \"title\", \"content\", \"image\"],\n  base: {\n    root: {\n      minHeight: \"3xlarge\",\n      borderStyle: \"solid\",\n      borderWidth: \"1px\",\n      borderColor: \"stroke.subtle\",\n      backgroundColor: \"background.default\",\n      color: \"text.default\",\n      position: \"relative\",\n      display: \"flex\",\n      gap: \"small\",\n      alignItems: \"center\",\n      paddingBlock: \"xsmall\",\n      paddingInline: \"xxsmall\",\n      transitionProperty: \"background-color, border-color, color\",\n      transitionDuration: \"superFast\",\n      transitionTimingFunction: \"ease-in-out\",\n      boxShadow: \"xsmall\",\n    },\n    content: {\n      display: \"flex\",\n      alignItems: \"center\",\n      justifyContent: \"space-between\",\n      gap: \"xsmall\",\n      width: \"100%\",\n    },\n    image: {\n      minHeight: \"50px\",\n      maxHeight: \"50px\",\n      minWidth: \"70px\",\n      maxWidth: \"70px\",\n      objectFit: \"cover\",\n    },\n  },\n  defaultVariants: {\n    nonInteractive: false,\n  },\n  variants: {\n    nonInteractive: {\n      false: {\n        root: {\n          _highlighted: {\n            borderColor: \"stroke.hover\",\n            backgroundColor: \"surface.hover\",\n          },\n          _hover: {\n            borderColor: \"stroke.hover\",\n            backgroundColor: \"surface.hover\",\n          },\n          _active: {\n            borderColor: \"stroke.hover\",\n            backgroundColor: \"surface.active\",\n          },\n        },\n        title: {\n          textDecoration: \"underline\",\n          _hover: {\n            textDecoration: \"none\",\n          },\n        },\n      },\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(listItemRecipe);\n\nexport type ListItemVariantProps = NonNullable<RecipeVariantProps<typeof listItemRecipe>>;\n\nexport interface ListItemProps extends HTMLArkProps<\"div\">, StyledProps, ListItemVariantProps {}\n\nexport const ListItemRoot = withProvider(ark.div, \"root\", { baseComponent: true });\n\ninterface ListItemHeadingProps extends Omit<HTMLArkProps<\"p\">, \"color\">, TextProps {}\n\nconst InternalListItemHeading = forwardRef<HTMLHeadingElement, ListItemHeadingProps>(\n  ({ textStyle = \"label.medium\", fontWeight = \"bold\", ...props }, ref) => (\n    <Heading textStyle={textStyle} fontWeight={fontWeight} {...props} ref={ref} />\n  ),\n);\n\nexport const ListItemHeading = withContext(InternalListItemHeading, \"title\");\n\nexport const ListItemContent = withContext(ark.div, \"content\", { baseComponent: true });\n\nconst InternalListItemImage = withContext(Image, \"image\");\n\nexport const ListItemImage = forwardRef<HTMLImageElement, ImageProps>(({ variant = \"rounded\", ...props }, ref) => (\n  <InternalListItemImage variant={variant} {...props} ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;;;AAgBA,MAAa,kBAAA,GAAA,wBAAA,KAAqB;CAChC,OAAO;EAAC;EAAQ;EAAS;EAAW;CAAO;CAC3C,MAAM;EACJ,MAAM;GACJ,WAAW;GACX,aAAa;GACb,aAAa;GACb,aAAa;GACb,iBAAiB;GACjB,OAAO;GACP,UAAU;GACV,SAAS;GACT,KAAK;GACL,YAAY;GACZ,cAAc;GACd,eAAe;GACf,oBAAoB;GACpB,oBAAoB;GACpB,0BAA0B;GAC1B,WAAW;EACb;EACA,SAAS;GACP,SAAS;GACT,YAAY;GACZ,gBAAgB;GAChB,KAAK;GACL,OAAO;EACT;EACA,OAAO;GACL,WAAW;GACX,WAAW;GACX,UAAU;GACV,UAAU;GACV,WAAW;EACb;CACF;CACA,iBAAiB,EACf,gBAAgB,MAClB;CACA,UAAU,EACR,gBAAgB,EACd,OAAO;EACL,MAAM;GACJ,cAAc;IACZ,aAAa;IACb,iBAAiB;GACnB;GACA,QAAQ;IACN,aAAa;IACb,iBAAiB;GACnB;GACA,SAAS;IACP,aAAa;IACb,iBAAiB;GACnB;EACF;EACA,OAAO;GACL,gBAAgB;GAChB,QAAQ,EACN,gBAAgB,OAClB;EACF;CACF,EACF,EACF;AACF,CAAC;AAED,MAAM,EAAE,cAAc,iBAAA,GAAA,wBAAA,oBAAmC,cAAc;AAMvE,MAAa,eAAe,aAAaA,cAAAA,IAAI,KAAK,QAAQ,EAAE,eAAe,KAAK,CAAC;AAUjF,MAAa,kBAAkB,aANzB,GAAA,MAAA,aACH,EAAE,YAAY,gBAAgB,aAAa,QAAQ,GAAG,SAAS,QAC9D,iBAAA,GAAA,kBAAA,KAACC,aAAAA,SAAD;CAAoB;CAAuB;CAAY,GAAI;CAAY;AAAM,CAAA,CAItC,GAAyB,OAAO;AAE3E,MAAa,kBAAkB,YAAYD,cAAAA,IAAI,KAAK,WAAW,EAAE,eAAe,KAAK,CAAC;AAEtF,MAAM,wBAAwB,YAAYE,cAAAA,OAAO,OAAO;AAExD,MAAa,iBAAA,GAAA,MAAA,aAA0D,EAAE,UAAU,WAAW,GAAG,SAAS,QACxG,iBAAA,GAAA,kBAAA,KAAC,uBAAD;CAAgC;CAAS,GAAI;CAAY;AAAM,CAAA,CAChE"}

package/lib/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","names":["css","menuAnatomy","Menu","Text"],"sources":["../src/Menu.tsx"],"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 { Menu, menuAnatomy } from \"@ark-ui/react\";\nimport { css, cva, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps, SystemStyleObject } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst itemStyle: SystemStyleObject = css.raw({\n  display: \"flex\",\n  alignItems: \"center\",\n  borderRadius: \"xsmall\",\n  cursor: \"pointer\",\n  textStyle: \"label.medium\",\n  paddingBlock: \"4xsmall\",\n  paddingInline: \"xsmall\",\n  gap: \"xsmall\",\n  transitionDuration: \"fast\",\n  transitionProperty: \"background, color\",\n  transitionTimingFunction: \"default\",\n  outline: \"none\",\n  _hover: {\n    textDecoration: \"underline\",\n  },\n  _highlighted: {\n    textDecoration: \"underline\",\n  },\n  _disabled: {\n    color: \"text.disabled\",\n    cursor: \"not-allowed\",\n    \"& svg\": {\n      color: \"stroke.disabled\",\n    },\n    _hover: {\n      color: \"text.disabled\",\n      textDecoration: \"none\",\n      background: \"surface.default\",\n      \"& svg\": {\n        color: \"stroke.disabled\",\n      },\n    },\n  },\n});\n\nconst itemCva = cva({\n  defaultVariants: {\n    variant: \"action\",\n  },\n  variants: {\n    variant: {\n      action: {\n        _hover: {\n          background: \"surface.hover\",\n        },\n        _highlighted: {\n          background: \"surface.hover\",\n        },\n        _active: {\n          background: \"surface.active\",\n        },\n      },\n      destructive: {\n        color: \"text.error\",\n        \"& svg\": {\n          color: \"icon.error\",\n        },\n        _hover: {\n          color: \"text.default\",\n          \"& svg\": {\n            color: \"icon.default\",\n          },\n          background: \"surface.dangerSubtle.hover\",\n        },\n        _highlighted: {\n          color: \"text.default\",\n          \"& svg\": {\n            color: \"icon.default\",\n          },\n          background: \"surface.dangerSubtle.hover\",\n        },\n        _active: {\n          background: \"surface.dangerSubtle.active\",\n        },\n      },\n    },\n  },\n});\n\nconst menuRecipe = sva({\n  slots: menuAnatomy.keys(),\n  base: {\n    item: itemStyle,\n    triggerItem: itemStyle,\n    content: {\n      color: \"text.default\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      width: \"fit-content\",\n      minWidth: \"surface.xxsmall\",\n      padding: \"3xsmall\",\n      gap: \"3xsmall\",\n      background: \"surface.default\",\n      boxShadow: \"small\",\n      borderRadius: \"xsmall\",\n      outline: \"none\",\n      zIndex: \"dropdown\",\n      _open: {\n        animation: \"fade-shift-in 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    itemGroup: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    positioner: {\n      zIndex: \"dropdown\",\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(menuRecipe);\n\nexport type MenuRootProps = Menu.RootProps;\n\nconst InternalMenuRoot = withRootProvider(Menu.Root);\n\nexport const MenuRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: MenuRootProps) => (\n  <InternalMenuRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const MenuContentStandalone = withContext(Menu.Content, \"content\", { baseComponent: true });\n\ninterface MenuContentProps extends Menu.ContentProps, StyledProps {}\n\nexport const MenuContent = forwardRef<HTMLDivElement, MenuContentProps>((props, ref) => (\n  <MenuPositioner>\n    <MenuContentStandalone ref={ref} {...props} />\n  </MenuPositioner>\n));\n\nconst InternalMenuItemGroupLabel = withContext(Menu.ItemGroupLabel, \"itemGroupLabel\");\n\ninterface MenuItemGroupLabelProps\n  extends Omit<Menu.ItemGroupLabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLDivElement> {}\n\nexport const MenuItemGroupLabel = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"bold\",\n  children,\n  ...props\n}: MenuItemGroupLabelProps) => (\n  <InternalMenuItemGroupLabel {...props} asChild>\n    <Text textStyle={textStyle} fontWeight={fontWeight}>\n      {children}\n    </Text>\n  </InternalMenuItemGroupLabel>\n);\n\nexport const MenuItemGroup = withContext(Menu.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nconst InternalMenuItem = withContext(Menu.Item, \"item\", { baseComponent: true });\n\nexport type MenuItemVariantProps = NonNullable<RecipeVariantProps<typeof itemCva>>;\nexport interface MenuItemProps\n  extends Menu.ItemProps, StyledProps, MenuItemVariantProps, RefAttributes<HTMLDivElement> {}\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(({ css: cssProp = {}, variant, ...props }, ref) => (\n  <InternalMenuItem\n    css={[itemCva.raw({ variant }), ...(Array.isArray(cssProp) ? cssProp : [cssProp])]}\n    {...props}\n    ref={ref}\n  />\n));\n\nexport const MenuPositioner = withContext(Menu.Positioner, \"positioner\", { baseComponent: true });\n\nconst InternalMenuTriggerItem = withContext(Menu.TriggerItem, \"triggerItem\", { baseComponent: true });\n\ninterface MenuTriggerItemProps\n  extends Menu.TriggerItemProps, StyledProps, MenuItemVariantProps, RefAttributes<HTMLButtonElement> {}\n\nexport const MenuTriggerItem = forwardRef<HTMLDivElement, MenuTriggerItemProps>(\n  ({ css: cssProp = {}, variant, ...props }, ref) => (\n    <InternalMenuTriggerItem\n      css={[itemCva.raw({ variant }), ...(Array.isArray(cssProp) ? cssProp : [cssProp])]}\n      {...props}\n      ref={ref}\n    />\n  ),\n);\n\nexport const MenuTrigger = withContext(Menu.Trigger, \"trigger\", { baseComponent: true });\n\nexport const MenuSeparator = withContext(Menu.Separator, \"separator\", { baseComponent: true });\n\nexport const MenuItemText = withContext(Menu.ItemText, \"itemText\", { baseComponent: true });\n"],"mappings":"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"}
+{"version":3,"file":"Menu.js","names":["css","menuAnatomy","Menu","Text"],"sources":["../src/Menu.tsx"],"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 { Menu, menuAnatomy } from \"@ark-ui/react\";\nimport { css, cva, sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { RecipeVariantProps, StyledProps, SystemStyleObject } from \"@ndla/styled-system/types\";\nimport { forwardRef, type RefAttributes } from \"react\";\nimport { Text, type TextProps } from \"./Text\";\n\nconst itemStyle: SystemStyleObject = css.raw({\n  display: \"flex\",\n  alignItems: \"center\",\n  borderRadius: \"xsmall\",\n  cursor: \"pointer\",\n  textStyle: \"label.medium\",\n  paddingBlock: \"4xsmall\",\n  paddingInline: \"xsmall\",\n  gap: \"xsmall\",\n  transitionDuration: \"fast\",\n  transitionProperty: \"background, color\",\n  transitionTimingFunction: \"default\",\n  outline: \"none\",\n  _hover: {\n    textDecoration: \"underline\",\n  },\n  _highlighted: {\n    textDecoration: \"underline\",\n  },\n  _disabled: {\n    color: \"text.disabled\",\n    cursor: \"not-allowed\",\n    \"& svg\": {\n      color: \"stroke.disabled\",\n    },\n    _hover: {\n      color: \"text.disabled\",\n      textDecoration: \"none\",\n      background: \"surface.default\",\n      \"& svg\": {\n        color: \"stroke.disabled\",\n      },\n    },\n  },\n});\n\nconst itemCva = cva({\n  defaultVariants: {\n    variant: \"action\",\n  },\n  variants: {\n    variant: {\n      action: {\n        _hover: {\n          background: \"surface.hover\",\n        },\n        _highlighted: {\n          background: \"surface.hover\",\n        },\n        _active: {\n          background: \"surface.active\",\n        },\n      },\n      destructive: {\n        color: \"text.error\",\n        \"& svg\": {\n          color: \"icon.error\",\n        },\n        _hover: {\n          color: \"text.default\",\n          \"& svg\": {\n            color: \"icon.default\",\n          },\n          background: \"surface.dangerSubtle.hover\",\n        },\n        _highlighted: {\n          color: \"text.default\",\n          \"& svg\": {\n            color: \"icon.default\",\n          },\n          background: \"surface.dangerSubtle.hover\",\n        },\n        _active: {\n          background: \"surface.dangerSubtle.active\",\n        },\n      },\n    },\n  },\n});\n\nconst menuRecipe = sva({\n  slots: menuAnatomy.keys(),\n  base: {\n    item: itemStyle,\n    triggerItem: itemStyle,\n    content: {\n      color: \"text.default\",\n      display: \"flex\",\n      flexDirection: \"column\",\n      width: \"fit-content\",\n      minWidth: \"surface.xxsmall\",\n      padding: \"3xsmall\",\n      gap: \"3xsmall\",\n      background: \"surface.default\",\n      boxShadow: \"small\",\n      borderRadius: \"xsmall\",\n      outline: \"none\",\n      zIndex: \"dropdown\",\n      _open: {\n        animation: \"fade-shift-in 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n      _closed: {\n        animation: \"fade-shift-out 0.25s ease-out\",\n        _motionReduce: {\n          animation: \"none\",\n        },\n      },\n    },\n    itemGroup: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      gap: \"3xsmall\",\n    },\n    positioner: {\n      zIndex: \"dropdown\",\n    },\n  },\n});\n\nconst { withRootProvider, withContext } = createStyleContext(menuRecipe);\n\nexport type MenuRootProps = Menu.RootProps;\n\nconst InternalMenuRoot = withRootProvider(Menu.Root);\n\nexport const MenuRoot = ({ lazyMount = true, unmountOnExit = true, ...props }: MenuRootProps) => (\n  <InternalMenuRoot lazyMount={lazyMount} unmountOnExit={unmountOnExit} {...props} />\n);\n\nexport const MenuContentStandalone = withContext(Menu.Content, \"content\", { baseComponent: true });\n\ninterface MenuContentProps extends Menu.ContentProps, StyledProps {}\n\nexport const MenuContent = forwardRef<HTMLDivElement, MenuContentProps>((props, ref) => (\n  <MenuPositioner>\n    <MenuContentStandalone ref={ref} {...props} />\n  </MenuPositioner>\n));\n\nconst InternalMenuItemGroupLabel = withContext(Menu.ItemGroupLabel, \"itemGroupLabel\");\n\ninterface MenuItemGroupLabelProps\n  extends Omit<Menu.ItemGroupLabelProps, \"color\">, StyledProps, TextProps, RefAttributes<HTMLDivElement> {}\n\nexport const MenuItemGroupLabel = ({\n  textStyle = \"label.medium\",\n  fontWeight = \"bold\",\n  children,\n  ...props\n}: MenuItemGroupLabelProps) => (\n  <InternalMenuItemGroupLabel {...props} asChild>\n    <Text textStyle={textStyle} fontWeight={fontWeight}>\n      {children}\n    </Text>\n  </InternalMenuItemGroupLabel>\n);\n\nexport const MenuItemGroup = withContext(Menu.ItemGroup, \"itemGroup\", { baseComponent: true });\n\nconst InternalMenuItem = withContext(Menu.Item, \"item\", { baseComponent: true });\n\nexport type MenuItemVariantProps = NonNullable<RecipeVariantProps<typeof itemCva>>;\nexport interface MenuItemProps\n  extends Menu.ItemProps, StyledProps, MenuItemVariantProps, RefAttributes<HTMLDivElement> {}\n\nexport const MenuItem = forwardRef<HTMLDivElement, MenuItemProps>(({ css: cssProp = {}, variant, ...props }, ref) => (\n  <InternalMenuItem\n    css={[itemCva.raw({ variant }), ...(Array.isArray(cssProp) ? cssProp : [cssProp])]}\n    {...props}\n    ref={ref}\n  />\n));\n\nexport const MenuPositioner = withContext(Menu.Positioner, \"positioner\", { baseComponent: true });\n\nconst InternalMenuTriggerItem = withContext(Menu.TriggerItem, \"triggerItem\", { baseComponent: true });\n\ninterface MenuTriggerItemProps\n  extends Menu.TriggerItemProps, StyledProps, MenuItemVariantProps, RefAttributes<HTMLButtonElement> {}\n\nexport const MenuTriggerItem = forwardRef<HTMLDivElement, MenuTriggerItemProps>(\n  ({ css: cssProp = {}, variant, ...props }, ref) => (\n    <InternalMenuTriggerItem\n      css={[itemCva.raw({ variant }), ...(Array.isArray(cssProp) ? cssProp : [cssProp])]}\n      {...props}\n      ref={ref}\n    />\n  ),\n);\n\nexport const MenuTrigger = withContext(Menu.Trigger, \"trigger\", { baseComponent: true });\n\nexport const MenuSeparator = withContext(Menu.Separator, \"separator\", { baseComponent: true });\n\nexport const MenuItemText = withContext(Menu.ItemText, \"itemText\", { baseComponent: true });\n"],"mappings":"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"}

package/lib/MessageBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBox.js","names":["ark","css"],"sources":["../src/MessageBox.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst messageBoxRecipe = cva({\n  base: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    gap: \"small\",\n    padding: \"medium\",\n    border: \"1px solid\",\n    borderRadius: \"xsmall\",\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n  variants: {\n    variant: {\n      info: {\n        background: \"surface.infoSubtle\",\n        borderColor: \"stroke.subtle\",\n      },\n      warning: {\n        background: \"surface.warningSubtle\",\n        borderColor: \"stroke.warning\",\n      },\n      success: {\n        background: \"surface.successSubtle\",\n        borderColor: \"stroke.success\",\n      },\n      error: {\n        background: \"surface.errorSubtle\",\n        borderColor: \"stroke.error\",\n      },\n    },\n  },\n});\n\nexport type MessageBoxVariantProps = NonNullable<RecipeVariantProps<typeof messageBoxRecipe>>;\n\nexport interface MessageBoxProps extends HTMLArkProps<\"div\">, StyledProps, MessageBoxVariantProps {}\n\nconst StyledMessageBox = styled(ark.div, {}, { baseComponent: true });\n\nexport const MessageBox = forwardRef<HTMLDivElement, MessageBoxProps>(({ variant, css: cssProp, ...props }, ref) => (\n  <StyledMessageBox css={css.raw(messageBoxRecipe.raw({ variant }), cssProp)} {...props} ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,oBAAA,GAAA,wBAAA,KAAuB;CAC3B,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,KAAK;EACL,SAAS;EACT,QAAQ;EACR,cAAc;EACf;CACD,iBAAiB,EACf,SAAS,QACV;CACD,UAAU,EACR,SAAS;EACP,MAAM;GACJ,YAAY;GACZ,aAAa;GACd;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACd;EACD,SAAS;GACP,YAAY;GACZ,aAAa;GACd;EACD,OAAO;GACL,YAAY;GACZ,aAAa;GACd;EACF,EACF;CACF,CAAC;AAMF,MAAM,oBAAA,GAAA,wBAAA,QAA0BA,cAAAA,IAAI,KAAK,EAAE,EAAE,EAAE,eAAe,MAAM,CAAC;AAErE,MAAa,cAAA,GAAA,MAAA,aAA0D,EAAE,SAAS,KAAK,SAAS,GAAG,SAAS,QAC1G,iBAAA,GAAA,kBAAA,KAAC,kBAAD;CAAkB,KAAKC,wBAAAA,IAAI,IAAI,iBAAiB,IAAI,EAAE,SAAS,CAAC,EAAE,QAAQ;CAAE,GAAI;CAAY;CAAO,CAAA,CACnG"}
+{"version":3,"file":"MessageBox.js","names":["ark","css"],"sources":["../src/MessageBox.tsx"],"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 { type HTMLArkProps, ark } from \"@ark-ui/react\";\nimport { css, cva } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps, RecipeVariantProps } from \"@ndla/styled-system/types\";\nimport { forwardRef } from \"react\";\n\nconst messageBoxRecipe = cva({\n  base: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    gap: \"small\",\n    padding: \"medium\",\n    border: \"1px solid\",\n    borderRadius: \"xsmall\",\n  },\n  defaultVariants: {\n    variant: \"info\",\n  },\n  variants: {\n    variant: {\n      info: {\n        background: \"surface.infoSubtle\",\n        borderColor: \"stroke.subtle\",\n      },\n      warning: {\n        background: \"surface.warningSubtle\",\n        borderColor: \"stroke.warning\",\n      },\n      success: {\n        background: \"surface.successSubtle\",\n        borderColor: \"stroke.success\",\n      },\n      error: {\n        background: \"surface.errorSubtle\",\n        borderColor: \"stroke.error\",\n      },\n    },\n  },\n});\n\nexport type MessageBoxVariantProps = NonNullable<RecipeVariantProps<typeof messageBoxRecipe>>;\n\nexport interface MessageBoxProps extends HTMLArkProps<\"div\">, StyledProps, MessageBoxVariantProps {}\n\nconst StyledMessageBox = styled(ark.div, {}, { baseComponent: true });\n\nexport const MessageBox = forwardRef<HTMLDivElement, MessageBoxProps>(({ variant, css: cssProp, ...props }, ref) => (\n  <StyledMessageBox css={css.raw(messageBoxRecipe.raw({ variant }), cssProp)} {...props} ref={ref} />\n));\n"],"mappings":";;;;;;;;;;;;;AAcA,MAAM,oBAAA,GAAA,wBAAA,KAAuB;CAC3B,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,KAAK;EACL,SAAS;EACT,QAAQ;EACR,cAAc;CAChB;CACA,iBAAiB,EACf,SAAS,OACX;CACA,UAAU,EACR,SAAS;EACP,MAAM;GACJ,YAAY;GACZ,aAAa;EACf;EACA,SAAS;GACP,YAAY;GACZ,aAAa;EACf;EACA,SAAS;GACP,YAAY;GACZ,aAAa;EACf;EACA,OAAO;GACL,YAAY;GACZ,aAAa;EACf;CACF,EACF;AACF,CAAC;AAMD,MAAM,oBAAA,GAAA,wBAAA,QAA0BA,cAAAA,IAAI,KAAK,CAAC,GAAG,EAAE,eAAe,KAAK,CAAC;AAEpE,MAAa,cAAA,GAAA,MAAA,aAA0D,EAAE,SAAS,KAAK,SAAS,GAAG,SAAS,QAC1G,iBAAA,GAAA,kBAAA,KAAC,kBAAD;CAAkB,KAAKC,wBAAAA,IAAI,IAAI,iBAAiB,IAAI,EAAE,QAAQ,CAAC,GAAG,OAAO;CAAG,GAAI;CAAY;AAAM,CAAA,CACnG"}

package/lib/NdlaLogo.js.map

@@ -1 +1 @@
-{"version":3,"file":"NdlaLogo.js","names":["styled","css"],"sources":["../src/NdlaLogo.tsx"],"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 { css } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ColorToken } from \"@ndla/styled-system/tokens\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { type ComponentPropsWithoutRef } from \"react\";\n\nexport interface LogoProps extends Omit<ComponentPropsWithoutRef<\"svg\">, \"color\">, StyledProps {\n  color?: ColorToken;\n}\n\nconst BaseSvg = ({ color = \"primary\", \"aria-hidden\": ariaHidden = true, css: cssProp, ...props }: LogoProps) => (\n  <styled.svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden={ariaHidden}\n    css={css.raw({ color }, cssProp)}\n    {...props}\n  />\n);\n\nexport const NdlaLogoEn = (props: LogoProps) => (\n  <BaseSvg width={163} height={383} viewBox=\"0 0 260.46 612.26\" {...props}>\n    <g fill=\"currentColor\">\n      <g>\n        <rect width=\"52\" height=\"280\" />\n        <polygon points=\"97.15 39.5 52 66 191 279.77 191.12 280 260 280 260 0 207.73 0 207.73 209.54 97.15 39.5\" />\n      </g>\n      <g>\n        <path d=\"M5.26,363.02H1.21v-30.08h4.05l16.4,24.96h-1.12v-24.96h4.05v30.08h-4.05l-16.4-24.96h1.12v24.96Z\" />\n        <path d=\"M29.35,352.83c0-2.08.45-3.92,1.36-5.53.91-1.61,2.16-2.87,3.74-3.79,1.58-.92,3.39-1.37,5.43-1.37s3.84.46,5.41,1.37c1.57.92,2.81,2.18,3.72,3.79.91,1.61,1.36,3.45,1.36,5.53s-.45,3.92-1.36,5.53c-.91,1.61-2.15,2.87-3.72,3.79-1.57.92-3.37,1.37-5.41,1.37s-3.85-.46-5.43-1.37c-1.58-.92-2.83-2.18-3.74-3.79-.91-1.61-1.36-3.45-1.36-5.53ZM33.27,352.83c0,1.42.28,2.66.85,3.74.56,1.08,1.34,1.93,2.33,2.54s2.13.92,3.43.92,2.44-.3,3.43-.92,1.77-1.46,2.33-2.54c.56-1.08.85-2.33.85-3.74s-.28-2.7-.85-3.76c-.56-1.07-1.34-1.91-2.33-2.52-.99-.61-2.13-.92-3.43-.92s-2.44.31-3.43.92c-.99.61-1.77,1.45-2.33,2.52-.56,1.07-.85,2.32-.85,3.76Z\" />\n        <path d=\"M66.03,342.51v3.58h-1.74c-1.85,0-3.3.54-4.36,1.6-1.06,1.07-1.59,2.59-1.59,4.56v10.77h-3.88v-20.3h3.64l.33,4.08h-.37c.28-1.33.94-2.42,1.98-3.27,1.05-.85,2.35-1.27,3.92-1.27.36,0,.7.02,1.01.06.32.04.67.1,1.05.19Z\" />\n        <path d=\"M74.42,363.02l-6.61-20.34h4.01l3.35,10.57c.25.75.47,1.52.66,2.31.19.79.39,1.63.58,2.52.11-.61.24-1.2.39-1.77.15-.57.31-1.11.48-1.62.17-.51.32-.99.45-1.44l3.39-10.57h3.97l3.35,10.57c.11.25.21.58.31.98.1.4.21.83.35,1.27.14.44.26.89.37,1.33.11.44.21.86.29,1.25.11-.55.23-1.09.35-1.6.12-.51.26-1.03.41-1.54.15-.51.32-1.08.52-1.69l3.39-10.57h4.05l-6.9,20.34h-3.68l-3.51-10.9c-.33-1.03-.6-1.93-.81-2.72s-.37-1.46-.48-2.02c-.11.5-.27,1.12-.48,1.85-.21.73-.49,1.71-.85,2.93l-3.51,10.86h-3.84Z\" />\n        <path d=\"M109.42,363.52c-1.96,0-3.69-.45-5.21-1.35-1.52-.9-2.7-2.15-3.55-3.74-.85-1.59-1.28-3.45-1.28-5.55s.42-4.01,1.26-5.62c.84-1.61,2-2.87,3.47-3.79,1.47-.92,3.19-1.37,5.14-1.37s3.6.42,5.02,1.25c1.42.83,2.52,2,3.31,3.49.79,1.5,1.18,3.26,1.18,5.28v1.46l-17.31.04.08-2.62h13.35c0-1.69-.51-3.05-1.53-4.08-1.02-1.03-2.38-1.54-4.09-1.54-1.29,0-2.4.29-3.33.85-.92.57-1.63,1.4-2.11,2.5-.48,1.1-.72,2.41-.72,3.93,0,2.44.55,4.32,1.65,5.64,1.1,1.32,2.69,1.98,4.75,1.98,1.51,0,2.75-.31,3.72-.92.96-.61,1.61-1.5,1.94-2.66h3.64c-.5,2.16-1.56,3.84-3.18,5.03-1.63,1.19-3.69,1.79-6.2,1.79Z\" />\n        <path d=\"M121.6,352.33c0-1.91.39-3.64,1.16-5.18.77-1.54,1.87-2.77,3.31-3.68,1.43-.92,3.13-1.37,5.08-1.37,1.82,0,3.37.44,4.67,1.31,1.29.87,2.22,2.09,2.77,3.64l-.5.54.41-4.91h3.47v19.51c0,2.14-.41,3.99-1.24,5.55-.83,1.57-2,2.78-3.51,3.64-1.52.86-3.31,1.29-5.37,1.29-2.75,0-5.01-.74-6.78-2.21s-2.84-3.49-3.22-6.07h3.88c.25,1.5.91,2.66,1.98,3.49s2.45,1.25,4.13,1.25c1.9,0,3.42-.58,4.57-1.73,1.14-1.15,1.71-2.7,1.71-4.64v-5.74l.5.54c-.52,1.53-1.47,2.72-2.85,3.6-1.38.87-2.98,1.31-4.79,1.31-1.93,0-3.59-.45-5-1.35s-2.49-2.11-3.24-3.64c-.76-1.52-1.14-3.24-1.14-5.16ZM125.49,352.25c0,1.28.25,2.43.76,3.45.51,1.03,1.23,1.84,2.15,2.45.92.61,2,.92,3.24.92,1.32,0,2.45-.29,3.39-.87.94-.58,1.66-1.39,2.17-2.41.51-1.03.76-2.21.76-3.54s-.25-2.5-.74-3.49c-.5-1-1.21-1.79-2.15-2.37-.94-.58-2.07-.87-3.39-.87s-2.4.31-3.33.92c-.92.61-1.63,1.42-2.13,2.43-.5,1.01-.74,2.14-.74,3.39Z\" />\n        <path d=\"M149.28,337.85c-.69,0-1.29-.26-1.8-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.8-.75s1.32.25,1.82.75c.5.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.5.51-1.1.77-1.82.77ZM147.38,363.02v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M162.59,363.52c-2.15,0-3.84-.57-5.06-1.71s-1.84-2.62-1.84-4.45.66-3.35,1.98-4.47c1.32-1.12,3.17-1.78,5.54-1.98l6.36-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.72-.29-1.53-.44-2.44-.44-1.63,0-2.89.34-3.78,1.02-.9.68-1.34,1.64-1.34,2.89h-3.39c0-1.41.36-2.65,1.07-3.7.72-1.05,1.73-1.87,3.04-2.45,1.31-.58,2.83-.87,4.57-.87s3.15.3,4.4.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.31l-.41-3.29c-.52,1.16-1.43,2.09-2.71,2.77-1.28.68-2.73,1.02-4.36,1.02ZM163.7,360.48c1.85,0,3.29-.56,4.34-1.68,1.05-1.12,1.57-2.64,1.57-4.55v-1.08l-5.16.42c-1.71.17-2.94.57-3.7,1.21-.76.64-1.14,1.46-1.14,2.45,0,1.08.36,1.89,1.1,2.43.73.54,1.73.81,3,.81Z\" />\n        <path d=\"M182.42,363.02h-3.88v-20.34h3.51l.41,3.12c.63-1.16,1.55-2.07,2.75-2.72,1.2-.65,2.51-.98,3.95-.98,2.64,0,4.6.76,5.87,2.29,1.27,1.53,1.9,3.59,1.9,6.2v12.44h-3.88v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.07-1.35-3.55-1.35-1.82,0-3.23.6-4.23,1.79-1.01,1.19-1.51,2.79-1.51,4.78v10.77Z\" />\n      </g>\n      <g>\n        <path d=\"M10.62,466.02c-1.95,0-3.63-.45-5.03-1.35-1.4-.9-2.48-2.16-3.24-3.76-.76-1.61-1.13-3.44-1.13-5.49s.38-3.93,1.15-5.55c.77-1.62,1.87-2.91,3.3-3.85,1.43-.94,3.13-1.41,5.11-1.41,1.57,0,2.96.33,4.18.98,1.22.65,2.18,1.62,2.87,2.89v-13.56h3.83v30.62h-3.46l-.33-3.7c-.66,1.36-1.63,2.4-2.91,3.12-1.28.72-2.73,1.08-4.35,1.08ZM11.4,462.48c1.32,0,2.45-.3,3.4-.92.95-.61,1.68-1.46,2.21-2.54.52-1.08.78-2.33.78-3.74s-.26-2.66-.78-3.72c-.52-1.07-1.26-1.91-2.21-2.52-.95-.61-2.08-.92-3.4-.92s-2.45.31-3.38.94c-.93.62-1.65,1.47-2.14,2.54s-.74,2.29-.74,3.68.25,2.66.74,3.74c.49,1.08,1.21,1.93,2.14,2.54.93.61,2.06.92,3.38.92Z\" />\n        <path d=\"M28.96,440.35c-.69,0-1.29-.26-1.79-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.79-.75s1.32.25,1.81.75c.49.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.49.51-1.1.77-1.81.77ZM27.07,465.52v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M35.06,454.83c0-1.91.38-3.64,1.15-5.18.77-1.54,1.87-2.77,3.3-3.68,1.43-.92,3.12-1.37,5.07-1.37,1.81,0,3.37.44,4.66,1.31,1.29.87,2.21,2.09,2.76,3.64l-.49.54.41-4.91h3.46v19.51c0,2.14-.41,3.99-1.24,5.55-.82,1.57-1.99,2.78-3.5,3.64-1.51.86-3.3,1.29-5.36,1.29-2.75,0-5-.74-6.76-2.21-1.76-1.47-2.83-3.49-3.22-6.07h3.87c.25,1.5.91,2.66,1.98,3.49s2.45,1.25,4.12,1.25c1.9,0,3.41-.58,4.55-1.73,1.14-1.15,1.71-2.7,1.71-4.64v-5.74l.49.54c-.52,1.53-1.47,2.72-2.84,3.6-1.37.87-2.97,1.31-4.78,1.31-1.92,0-3.59-.45-4.99-1.35s-2.48-2.11-3.24-3.64c-.76-1.52-1.13-3.24-1.13-5.16ZM38.94,454.75c0,1.28.25,2.43.76,3.45.51,1.03,1.22,1.84,2.14,2.45.92.61,2,.92,3.24.92,1.32,0,2.45-.29,3.38-.87.93-.58,1.66-1.39,2.16-2.41.51-1.03.76-2.21.76-3.54s-.25-2.5-.74-3.49c-.5-1-1.21-1.79-2.14-2.37-.93-.58-2.06-.87-3.38-.87s-2.4.31-3.32.92c-.92.61-1.63,1.42-2.12,2.43-.49,1.01-.74,2.14-.74,3.39Z\" />\n        <path d=\"M62.68,440.35c-.69,0-1.29-.26-1.79-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.79-.75s1.32.25,1.81.75c.49.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.49.51-1.1.77-1.81.77ZM60.78,465.52v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M67.92,445.18h11.71v3.29h-11.71v-3.29ZM79.46,462.11l.49,3.25c-1.04.42-2.16.62-3.34.62s-2.18-.23-3.01-.69c-.82-.46-1.46-1.14-1.9-2.06-.44-.92-.66-2.05-.66-3.41v-21.01h3.88v20.47c0,1.17.24,1.99.72,2.48.48.49,1.11.73,1.88.73.6,0,1.25-.12,1.94-.37Z\" />\n        <path d=\"M89.39,466.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM90.5,462.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n        <path d=\"M109.26,465.52h-3.88v-30.62h3.88v30.62Z\" />\n      </g>\n      <g>\n        <path d=\"M5.5,563.52H1.62v-30.62h3.88v30.62Z\" />\n        <path d=\"M19.68,564.02c-1.95,0-3.68-.45-5.19-1.35-1.51-.9-2.69-2.15-3.54-3.74-.85-1.59-1.28-3.45-1.28-5.55s.42-4.01,1.26-5.62c.84-1.61,1.99-2.87,3.46-3.79,1.47-.92,3.18-1.37,5.13-1.37s3.59.42,5.01,1.25c1.42.83,2.51,2,3.3,3.49.78,1.5,1.17,3.26,1.17,5.28v1.46l-17.27.04.08-2.62h13.31c0-1.69-.51-3.05-1.53-4.08-1.02-1.03-2.38-1.54-4.08-1.54-1.29,0-2.4.29-3.32.85-.92.57-1.62,1.4-2.1,2.5-.48,1.1-.72,2.41-.72,3.93,0,2.44.55,4.32,1.65,5.64,1.1,1.32,2.68,1.98,4.74,1.98,1.51,0,2.75-.31,3.71-.92.96-.61,1.61-1.5,1.94-2.66h3.63c-.49,2.16-1.55,3.84-3.17,5.03-1.62,1.19-3.68,1.79-6.18,1.79Z\" />\n        <path d=\"M38.8,564.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM39.92,560.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n        <path d=\"M66.26,543.01v3.58h-1.73c-1.84,0-3.29.54-4.35,1.6-1.06,1.07-1.59,2.59-1.59,4.56v10.77h-3.88v-20.3h3.63l.33,4.08h-.37c.27-1.33.93-2.42,1.98-3.27,1.04-.85,2.35-1.27,3.92-1.27.36,0,.69.02,1.01.06.32.04.67.1,1.05.19Z\" />\n        <path d=\"M73.55,563.52h-3.88v-20.34h3.5l.41,3.12c.63-1.16,1.55-2.07,2.74-2.72,1.2-.65,2.51-.98,3.94-.98,2.64,0,4.59.76,5.85,2.29,1.26,1.53,1.9,3.59,1.9,6.2v12.44h-3.87v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.06-1.35-3.54-1.35-1.81,0-3.22.6-4.23,1.79-1,1.19-1.5,2.79-1.5,4.78v10.77Z\" />\n        <path d=\"M95.07,538.35c-.69,0-1.29-.26-1.79-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.79-.75s1.32.25,1.81.75c.49.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.49.51-1.1.77-1.81.77ZM93.17,563.52v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M106.32,563.52h-3.88v-20.34h3.5l.41,3.12c.63-1.16,1.55-2.07,2.74-2.72,1.2-.65,2.51-.98,3.94-.98,2.64,0,4.59.76,5.85,2.29,1.26,1.53,1.9,3.59,1.9,6.2v12.44h-3.87v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.06-1.35-3.54-1.35-1.81,0-3.22.6-4.23,1.79-1,1.19-1.5,2.79-1.5,4.78v10.77Z\" />\n        <path d=\"M124.66,552.83c0-1.91.38-3.64,1.15-5.18.77-1.54,1.87-2.77,3.3-3.68,1.43-.92,3.12-1.37,5.07-1.37,1.81,0,3.37.44,4.66,1.31,1.29.87,2.21,2.09,2.76,3.64l-.49.54.41-4.91h3.46v19.51c0,2.14-.41,3.99-1.24,5.55-.82,1.57-1.99,2.78-3.5,3.64-1.51.86-3.3,1.29-5.36,1.29-2.75,0-5-.74-6.76-2.21-1.76-1.47-2.83-3.49-3.22-6.07h3.87c.25,1.5.91,2.66,1.98,3.49s2.45,1.25,4.12,1.25c1.9,0,3.41-.58,4.55-1.73,1.14-1.15,1.71-2.7,1.71-4.64v-5.74l.49.54c-.52,1.53-1.47,2.72-2.84,3.6-1.37.87-2.97,1.31-4.78,1.31-1.92,0-3.59-.45-4.99-1.35s-2.48-2.11-3.24-3.64c-.76-1.52-1.13-3.24-1.13-5.16ZM128.54,552.75c0,1.28.25,2.43.76,3.45.51,1.03,1.22,1.84,2.14,2.45.92.61,2,.92,3.24.92,1.32,0,2.45-.29,3.38-.87.93-.58,1.66-1.39,2.16-2.41.51-1.03.76-2.21.76-3.54s-.25-2.5-.74-3.49c-.5-1-1.21-1.79-2.14-2.37-.93-.58-2.06-.87-3.38-.87s-2.4.31-3.32.92c-.92.61-1.63,1.42-2.12,2.43-.49,1.01-.74,2.14-.74,3.39Z\" />\n        <path d=\"M167.33,564.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM168.44,560.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n        <path d=\"M194.78,543.01v3.58h-1.73c-1.84,0-3.29.54-4.35,1.6-1.06,1.07-1.59,2.59-1.59,4.56v10.77h-3.88v-20.3h3.63l.33,4.08h-.37c.27-1.33.93-2.42,1.98-3.27,1.04-.85,2.35-1.27,3.92-1.27.36,0,.69.02,1.01.06.32.04.67.1,1.05.19Z\" />\n        <path d=\"M206.16,564.02c-1.95,0-3.68-.45-5.19-1.35-1.51-.9-2.69-2.15-3.54-3.74-.85-1.59-1.28-3.45-1.28-5.55s.42-4.01,1.26-5.62c.84-1.61,1.99-2.87,3.46-3.79,1.47-.92,3.18-1.37,5.13-1.37s3.59.42,5.01,1.25c1.42.83,2.51,2,3.3,3.49.78,1.5,1.17,3.26,1.17,5.28v1.46l-17.27.04.08-2.62h13.31c0-1.69-.51-3.05-1.53-4.08-1.02-1.03-2.38-1.54-4.08-1.54-1.29,0-2.4.29-3.32.85-.92.57-1.62,1.4-2.1,2.5-.48,1.1-.72,2.41-.72,3.93,0,2.44.55,4.32,1.65,5.64,1.1,1.32,2.68,1.98,4.74,1.98,1.51,0,2.75-.31,3.71-.92.96-.61,1.61-1.5,1.94-2.66h3.63c-.49,2.16-1.55,3.84-3.17,5.03-1.62,1.19-3.68,1.79-6.18,1.79Z\" />\n        <path d=\"M223.47,563.52h-3.88v-20.34h3.5l.41,3.12c.63-1.16,1.55-2.07,2.74-2.72,1.2-.65,2.51-.98,3.94-.98,2.64,0,4.59.76,5.85,2.29,1.26,1.53,1.9,3.59,1.9,6.2v12.44h-3.87v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.06-1.35-3.54-1.35-1.81,0-3.22.6-4.23,1.79-1,1.19-1.5,2.79-1.5,4.78v10.77Z\" />\n        <path d=\"M248.98,564.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM250.1,560.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n      </g>\n      <g>\n        <line x1=\".85\" y1=\"407.89\" x2=\"260.16\" y2=\"389.76\" />\n        <rect x=\".53\" y=\"394.48\" width=\"259.94\" height=\"8.7\" transform=\"translate(-27.48 10.07) rotate(-4)\" />\n      </g>\n      <g>\n        <line x1=\".85\" y1=\"607.92\" x2=\"260.16\" y2=\"589.79\" />\n        <rect x=\".53\" y=\"594.51\" width=\"259.94\" height=\"8.7\" transform=\"translate(-41.42 10.55) rotate(-4)\" />\n      </g>\n      <g>\n        <line x1=\".5\" y1=\"497.25\" x2=\"259.81\" y2=\"515.38\" />\n        <rect x=\"125.8\" y=\"376.35\" width=\"8.7\" height=\"259.94\" transform=\"translate(-384.01 600.83) rotate(-86)\" />\n      </g>\n    </g>\n  </BaseSvg>\n);\n\nexport const NdlaLogoNb = (props: LogoProps) => (\n  <BaseSvg width={163} height={383} viewBox=\"0 0 260.29 611.89\" {...props}>\n    <g fill=\"currentColor\">\n      <g>\n        <rect x=\".29\" width=\"52\" height=\"280\" />\n        <polygon points=\"97.44 39.5 52.29 66 191.29 279.77 191.41 280 260.29 280 260.29 0 208.02 0 208.02 209.54 97.44 39.5\" />\n      </g>\n      <g>\n        <g>\n          <path d=\"M5.77,365.65H1.34v-32.9h4.43l17.94,27.3h-1.22v-27.3h4.43v32.9h-4.43l-17.94-27.3h1.22v27.3Z\" />\n          <path d=\"M40.02,366.2c-2.35,0-4.2-.62-5.54-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.17-4.89c1.45-1.23,3.46-1.95,6.06-2.16l6.96-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.67-.48-1.78,0-3.16.37-4.13,1.11-.98.74-1.47,1.8-1.47,3.16h-3.71c0-1.55.39-2.9,1.18-4.05.78-1.15,1.89-2.05,3.32-2.68,1.43-.64,3.1-.96,4.99-.96s3.44.33,4.81.98c1.37.65,2.44,1.64,3.21,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.96,3.03-1.4.74-2.99,1.11-4.77,1.11ZM41.24,362.87c2.02,0,3.6-.61,4.75-1.84,1.14-1.23,1.72-2.89,1.72-4.98v-1.18l-5.65.46c-1.87.18-3.22.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.2,2.66.8.59,1.89.89,3.28.89Z\" />\n          <path d=\"M55.66,359.19h4.07c0,1.12.41,2.01,1.22,2.66.81.65,1.91.98,3.3.98,1.51,0,2.67-.3,3.48-.89.81-.59,1.22-1.39,1.22-2.39,0-.73-.22-1.33-.66-1.82-.44-.49-1.23-.88-2.37-1.18l-3.89-.91c-1.96-.49-3.41-1.23-4.36-2.23-.95-1-1.42-2.32-1.42-3.96,0-1.37.35-2.55,1.06-3.55.71-1,1.69-1.77,2.94-2.32,1.25-.55,2.69-.82,4.32-.82s3.03.29,4.23.86c1.19.58,2.12,1.38,2.8,2.41.68,1.03,1.03,2.26,1.06,3.69h-4.07c-.03-1.15-.41-2.05-1.13-2.68s-1.73-.96-3.03-.96-2.35.29-3.07.87c-.72.58-1.08,1.36-1.08,2.37,0,1.49,1.08,2.5,3.25,3.05l3.89.96c1.87.42,3.27,1.11,4.2,2.07.93.96,1.4,2.25,1.4,3.89,0,1.4-.38,2.62-1.13,3.66-.75,1.05-1.79,1.85-3.1,2.41-1.31.56-2.85.84-4.63.84-2.59,0-4.65-.64-6.19-1.91-1.54-1.27-2.3-2.97-2.3-5.1Z\" />\n          <path d=\"M71.88,375.75l.72-3.87c.42.12.78.21,1.08.25.3.05.62.07.95.07,1.02,0,1.75-.3,2.19-.91.44-.61.66-1.53.66-2.78v-25.12h4.25v25.53c0,2.21-.59,3.97-1.76,5.28-1.17,1.3-2.83,1.96-4.97,1.96-.54,0-1.04-.03-1.49-.09-.45-.06-.99-.17-1.63-.32ZM79.61,338.12c-.78,0-1.45-.28-1.99-.84-.54-.56-.81-1.22-.81-1.98s.27-1.46.81-2c.54-.55,1.2-.82,1.99-.82s1.41.27,1.97.82c.56.55.84,1.21.84,2s-.28,1.42-.84,1.98c-.56.56-1.21.84-1.97.84Z\" />\n          <path d=\"M86.2,354.5c0-2.28.5-4.29,1.49-6.05.99-1.76,2.36-3.14,4.09-4.14s3.71-1.5,5.94-1.5,4.2.5,5.92,1.5,3.07,2.38,4.07,4.14c.99,1.76,1.49,3.78,1.49,6.05s-.5,4.29-1.49,6.05-2.35,3.14-4.07,4.14-3.69,1.5-5.92,1.5-4.21-.5-5.94-1.5-3.1-2.38-4.09-4.14-1.49-3.78-1.49-6.05ZM90.5,354.5c0,1.55.31,2.91.93,4.09.62,1.18,1.47,2.11,2.55,2.78,1.08.67,2.33,1,3.75,1s2.67-.33,3.75-1c1.08-.67,1.94-1.59,2.55-2.78.62-1.18.93-2.55.93-4.09s-.31-2.95-.93-4.12c-.62-1.17-1.47-2.08-2.55-2.75s-2.33-1-3.75-1-2.67.33-3.75,1-1.94,1.58-2.55,2.75c-.62,1.17-.93,2.54-.93,4.12Z\" />\n          <path d=\"M117.93,365.65h-4.25v-22.25h3.84l.45,3.41c.69-1.27,1.69-2.27,3.01-2.98,1.31-.71,2.75-1.07,4.32-1.07,2.89,0,5.03.83,6.42,2.5,1.39,1.67,2.08,3.93,2.08,6.78v13.6h-4.25v-12.65c0-2.24-.48-3.86-1.45-4.85-.96-.99-2.26-1.48-3.89-1.48-1.99,0-3.53.65-4.63,1.96-1.1,1.3-1.65,3.05-1.65,5.23v11.78Z\" />\n          <path d=\"M145.9,366.2c-2.35,0-4.2-.62-5.54-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.17-4.89c1.45-1.23,3.46-1.95,6.06-2.16l6.96-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.67-.48-1.78,0-3.16.37-4.13,1.11-.98.74-1.47,1.8-1.47,3.16h-3.71c0-1.55.39-2.9,1.18-4.05.78-1.15,1.89-2.05,3.32-2.68,1.43-.64,3.1-.96,4.99-.96s3.44.33,4.81.98c1.37.65,2.44,1.64,3.21,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.96,3.03-1.4.74-2.99,1.11-4.77,1.11ZM147.12,362.87c2.02,0,3.6-.61,4.75-1.84,1.14-1.23,1.72-2.89,1.72-4.98v-1.18l-5.65.46c-1.87.18-3.22.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.2,2.66.8.59,1.89.89,3.28.89Z\" />\n          <path d=\"M167.68,365.65h-4.25v-33.49h4.25v33.49Z\" />\n        </g>\n        <g>\n          <path d=\"M11.45,465.7c-2.13,0-3.97-.49-5.5-1.48s-2.71-2.36-3.54-4.12c-.83-1.76-1.24-3.76-1.24-6.01s.42-4.3,1.26-6.07c.84-1.77,2.04-3.18,3.61-4.21,1.56-1.03,3.43-1.55,5.59-1.55,1.71,0,3.24.36,4.58,1.07,1.34.71,2.38,1.77,3.13,3.16v-14.83h4.19v33.49h-3.79l-.36-4.05c-.72,1.49-1.78,2.62-3.18,3.41-1.4.79-2.98,1.18-4.76,1.18ZM12.3,461.83c1.44,0,2.68-.33,3.72-1,1.04-.67,1.84-1.59,2.41-2.78.57-1.18.86-2.55.86-4.1s-.29-2.9-.86-4.07c-.57-1.17-1.38-2.08-2.41-2.75-1.04-.67-2.28-1-3.72-1s-2.68.34-3.7,1.02c-1.02.68-1.8,1.61-2.34,2.78-.54,1.17-.81,2.51-.81,4.03s.27,2.91.81,4.1c.54,1.18,1.32,2.11,2.34,2.78,1.02.67,2.25,1,3.7,1Z\" />\n          <path d=\"M31.51,437.62c-.75,0-1.41-.28-1.96-.84s-.83-1.22-.83-1.98.28-1.46.83-2,1.21-.82,1.96-.82,1.44.27,1.98.82c.54.55.81,1.21.81,2s-.27,1.42-.81,1.98c-.54.56-1.2.84-1.98.84ZM29.43,465.15v-22.25h4.24v22.25h-4.24Z\" />\n          <path d=\"M38.18,453.46c0-2.09.42-3.98,1.26-5.67.84-1.68,2.04-3.03,3.61-4.03,1.56-1,3.41-1.5,5.55-1.5,1.98,0,3.68.48,5.09,1.43,1.41.96,2.42,2.28,3.02,3.98l-.54.59.45-5.37h3.79v21.34c0,2.34-.45,4.36-1.35,6.07-.9,1.71-2.18,3.04-3.83,3.98-1.65.94-3.61,1.41-5.86,1.41-3.01,0-5.47-.8-7.39-2.41-1.92-1.61-3.1-3.82-3.52-6.64h4.24c.27,1.64.99,2.91,2.16,3.82,1.17.91,2.67,1.37,4.51,1.37,2.07,0,3.73-.63,4.98-1.89,1.25-1.26,1.87-2.95,1.87-5.07v-6.28l.54.59c-.57,1.67-1.61,2.98-3.11,3.94-1.5.96-3.25,1.43-5.23,1.43-2.1,0-3.92-.49-5.46-1.48-1.53-.99-2.71-2.31-3.54-3.98-.83-1.67-1.24-3.55-1.24-5.64ZM42.42,453.37c0,1.4.28,2.65.83,3.78.56,1.12,1.34,2.02,2.34,2.68,1.01.67,2.19,1,3.54,1,1.44,0,2.67-.32,3.7-.96,1.02-.64,1.81-1.52,2.37-2.64.56-1.12.83-2.41.83-3.87s-.27-2.73-.81-3.82-1.32-1.96-2.34-2.59c-1.02-.64-2.25-.96-3.7-.96s-2.62.33-3.63,1c-1.01.67-1.78,1.55-2.32,2.66-.54,1.11-.81,2.34-.81,3.71Z\" />\n          <path d=\"M68.39,437.62c-.75,0-1.41-.28-1.96-.84-.56-.56-.83-1.22-.83-1.98s.28-1.46.83-2c.56-.55,1.21-.82,1.96-.82s1.44.27,1.98.82c.54.55.81,1.21.81,2s-.27,1.42-.81,1.98c-.54.56-1.2.84-1.98.84ZM66.31,465.15v-22.25h4.24v22.25h-4.24Z\" />\n          <path d=\"M74.11,442.9h12.8v3.59h-12.8v-3.59ZM86.73,461.42l.54,3.55c-1.14.46-2.36.68-3.65.68s-2.39-.25-3.29-.75c-.9-.5-1.59-1.25-2.07-2.25-.48-1-.72-2.24-.72-3.73v-22.98h4.24v22.39c0,1.27.26,2.18.79,2.71.53.53,1.21.8,2.05.8.66,0,1.37-.14,2.12-.41Z\" />\n          <path d=\"M97.6,465.7c-2.34,0-4.19-.62-5.52-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.16-4.89c1.44-1.23,3.46-1.95,6.04-2.16l6.94-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.66-.48-1.77,0-3.15.37-4.12,1.11-.98.74-1.47,1.8-1.47,3.16h-3.7c0-1.55.39-2.9,1.17-4.05.78-1.15,1.89-2.05,3.31-2.68,1.43-.64,3.09-.96,4.98-.96s3.43.33,4.8.98c1.37.65,2.43,1.64,3.2,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.95,3.03-1.4.74-2.98,1.11-4.76,1.11ZM98.82,462.37c2.01,0,3.59-.61,4.73-1.84,1.14-1.23,1.71-2.89,1.71-4.98v-1.18l-5.64.46c-1.86.18-3.21.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.19,2.66.8.59,1.89.89,3.27.89Z\" />\n          <path d=\"M119.33,465.15h-4.24v-33.49h4.24v33.49Z\" />\n        </g>\n        <g>\n          <path d=\"M5.94,564.15H1.7v-33.49h4.24v33.49Z\" />\n          <path d=\"M10.85,557.92c0-2.21.74-3.88,2.23-4.98,1.49-1.11,3.43-1.68,5.84-1.71l7.08-.18v-1.32c0-1.64-.47-2.89-1.42-3.75-.95-.86-2.25-1.3-3.9-1.3s-3.05.38-4.01,1.14c-.96.76-1.44,1.81-1.44,3.14h-3.7c0-1.55.38-2.9,1.15-4.05.77-1.15,1.86-2.05,3.27-2.68,1.41-.64,3.02-.96,4.82-.96,1.92,0,3.55.38,4.89,1.14,1.34.76,2.29,1.77,2.86,3.05l-.86,13.88c-.69,1.64-1.83,2.94-3.43,3.91-1.59.97-3.46,1.46-5.59,1.46-2.5,0-4.42-.62-5.77-1.87-1.35-1.24-2.03-2.88-2.03-4.91ZM15.13,557.69c0,1.21.42,2.13,1.26,2.75.84.62,1.95.93,3.34.93,1.92,0,3.46-.56,4.6-1.68,1.14-1.12,1.71-2.59,1.71-4.41v-1.37l-6.09.18c-1.65.03-2.87.33-3.65.91-.78.58-1.17,1.47-1.17,2.68ZM46.96,553.82l-18.89.04.09-2.82h14.56c0-1.82-.55-3.31-1.65-4.46-1.1-1.15-2.59-1.73-4.49-1.73-1.44,0-2.67.33-3.67,1-1.01.67-1.78,1.58-2.32,2.73-.54,1.15-.81,2.5-.81,4.05,0,2.58.59,4.64,1.78,6.19,1.19,1.55,2.95,2.32,5.3,2.32,1.68,0,3.05-.34,4.1-1.02,1.05-.68,1.73-1.65,2.03-2.89h4.01c-.54,2.37-1.7,4.2-3.47,5.51-1.77,1.3-4.03,1.96-6.76,1.96-2.1,0-3.97-.49-5.59-1.46-1.62-.97-2.89-2.33-3.79-4.09-.9-1.76-1.35-3.79-1.35-6.1s.44-4.39,1.33-6.17c.89-1.77,2.12-3.15,3.7-4.14,1.58-.99,3.42-1.48,5.52-1.48s3.97.46,5.52,1.39c1.55.93,2.74,2.21,3.58,3.87.84,1.65,1.26,3.56,1.26,5.71v1.59Z\" />\n          <path d=\"M64.1,541.72v3.91h-1.89c-2.01,0-3.6.58-4.76,1.75-1.16,1.17-1.74,2.83-1.74,4.98v11.78h-4.24v-22.2h3.97l.36,4.46h-.41c.3-1.46,1.02-2.65,2.16-3.57,1.14-.92,2.57-1.39,4.28-1.39.39,0,.76.02,1.1.07.35.05.73.11,1.15.21Z\" />\n          <path d=\"M69.91,536.62c-.75,0-1.41-.28-1.96-.84s-.83-1.22-.83-1.98.28-1.46.83-2,1.21-.82,1.96-.82,1.44.27,1.98.82c.54.55.81,1.21.81,2s-.27,1.42-.81,1.98c-.54.56-1.2.84-1.98.84ZM67.84,564.15v-22.25h4.24v22.25h-4.24Z\" />\n          <path d=\"M82.22,564.15h-4.24v-22.25h3.83l.45,3.41c.69-1.27,1.69-2.27,3-2.98,1.31-.71,2.74-1.07,4.31-1.07,2.89,0,5.02.83,6.4,2.5,1.38,1.67,2.07,3.93,2.07,6.78v13.6h-4.24v-12.65c0-2.24-.48-3.86-1.44-4.85-.96-.99-2.25-1.48-3.88-1.48-1.98,0-3.52.65-4.62,1.96-1.1,1.3-1.65,3.05-1.65,5.23v11.78Z\" />\n          <path d=\"M102.28,552.46c0-2.09.42-3.98,1.26-5.67.84-1.68,2.04-3.03,3.61-4.03,1.56-1,3.41-1.5,5.55-1.5,1.98,0,3.68.48,5.09,1.43,1.41.96,2.42,2.28,3.02,3.98l-.54.59.45-5.37h3.79v21.34c0,2.34-.45,4.36-1.35,6.07-.9,1.71-2.18,3.04-3.83,3.98-1.65.94-3.61,1.41-5.86,1.41-3.01,0-5.47-.8-7.39-2.41-1.92-1.61-3.1-3.82-3.52-6.64h4.24c.27,1.64.99,2.91,2.16,3.82,1.17.91,2.67,1.37,4.51,1.37,2.07,0,3.73-.63,4.98-1.89,1.25-1.26,1.87-2.95,1.87-5.07v-6.28l.54.59c-.57,1.67-1.61,2.98-3.11,3.94-1.5.96-3.25,1.43-5.23,1.43-2.1,0-3.92-.49-5.46-1.48-1.53-.99-2.71-2.31-3.54-3.98-.83-1.67-1.24-3.55-1.24-5.64ZM106.52,552.37c0,1.4.28,2.65.83,3.78.56,1.12,1.34,2.02,2.34,2.68,1.01.67,2.19,1,3.54,1,1.44,0,2.67-.32,3.7-.96,1.02-.64,1.81-1.52,2.37-2.64.56-1.12.83-2.41.83-3.87s-.27-2.73-.81-3.82-1.32-1.96-2.34-2.59c-1.02-.64-2.25-.96-3.7-.96s-2.62.33-3.63,1c-1.01.67-1.78,1.55-2.32,2.66-.54,1.11-.81,2.34-.81,3.71Z\" />\n          <path d=\"M128.61,557.69h4.06c0,1.12.41,2.01,1.22,2.66s1.91.98,3.29.98c1.5,0,2.66-.3,3.47-.89.81-.59,1.22-1.39,1.22-2.39,0-.73-.22-1.33-.65-1.82-.44-.49-1.23-.88-2.37-1.18l-3.88-.91c-1.95-.49-3.4-1.23-4.35-2.23s-1.42-2.32-1.42-3.96c0-1.37.35-2.55,1.06-3.55.71-1,1.68-1.77,2.93-2.32,1.25-.55,2.68-.82,4.31-.82s3.03.29,4.22.86c1.19.58,2.12,1.38,2.79,2.41s1.03,2.26,1.06,3.69h-4.06c-.03-1.15-.41-2.05-1.13-2.68s-1.73-.96-3.02-.96-2.34.29-3.07.87-1.08,1.36-1.08,2.37c0,1.49,1.08,2.5,3.25,3.05l3.88.96c1.86.42,3.26,1.11,4.19,2.07.93.96,1.4,2.25,1.4,3.89,0,1.4-.38,2.62-1.13,3.66-.75,1.05-1.78,1.85-3.09,2.41-1.31.56-2.85.84-4.62.84-2.59,0-4.64-.64-6.18-1.91-1.53-1.27-2.3-2.97-2.3-5.1Z\" />\n          <path d=\"M156.83,564.7c-2.34,0-4.19-.62-5.52-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.16-4.89c1.44-1.23,3.46-1.95,6.04-2.16l6.94-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.66-.48-1.77,0-3.15.37-4.12,1.11-.98.74-1.47,1.8-1.47,3.16h-3.7c0-1.55.39-2.9,1.17-4.05.78-1.15,1.89-2.05,3.31-2.68,1.43-.64,3.09-.96,4.98-.96s3.43.33,4.8.98c1.37.65,2.43,1.64,3.2,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.95,3.03-1.4.74-2.98,1.11-4.76,1.11ZM158.05,561.37c2.01,0,3.59-.61,4.73-1.84,1.14-1.23,1.71-2.89,1.71-4.98v-1.18l-5.64.46c-1.86.18-3.21.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.19,2.66.8.59,1.89.89,3.27.89Z\" />\n          <path d=\"M186.86,541.72v3.91h-1.89c-2.01,0-3.6.58-4.76,1.75-1.16,1.17-1.74,2.83-1.74,4.98v11.78h-4.24v-22.2h3.97l.36,4.46h-.41c.3-1.46,1.02-2.65,2.16-3.57,1.14-.92,2.57-1.39,4.28-1.39.39,0,.76.02,1.1.07.35.05.73.11,1.15.21Z\" />\n          <path d=\"M199.3,564.7c-2.13,0-4.03-.49-5.68-1.48-1.65-.99-2.95-2.35-3.88-4.09s-1.4-3.77-1.4-6.07.46-4.38,1.38-6.14c.92-1.76,2.18-3.14,3.79-4.14,1.61-1,3.48-1.5,5.61-1.5s3.93.46,5.48,1.37c1.55.91,2.75,2.18,3.61,3.82.86,1.64,1.29,3.56,1.29,5.78v1.59l-18.89.04.09-2.87h14.56c0-1.85-.56-3.34-1.67-4.46-1.11-1.12-2.6-1.68-4.46-1.68-1.41,0-2.62.31-3.63.93-1.01.62-1.77,1.53-2.3,2.73-.53,1.2-.79,2.63-.79,4.3,0,2.67.6,4.72,1.8,6.17,1.2,1.44,2.93,2.16,5.18,2.16,1.65,0,3.01-.33,4.06-1,1.05-.67,1.76-1.64,2.12-2.91h3.97c-.54,2.37-1.7,4.2-3.47,5.51-1.77,1.3-4.03,1.96-6.76,1.96Z\" />\n          <path d=\"M218.24,564.15h-4.24v-22.25h3.83l.45,3.41c.69-1.27,1.69-2.27,3-2.98,1.31-.71,2.74-1.07,4.31-1.07,2.89,0,5.02.83,6.4,2.5,1.38,1.67,2.07,3.93,2.07,6.78v13.6h-4.24v-12.65c0-2.24-.48-3.86-1.44-4.85-.96-.99-2.25-1.48-3.88-1.48-1.98,0-3.52.65-4.62,1.96-1.1,1.3-1.65,3.05-1.65,5.23v11.78Z\" />\n          <path d=\"M246.14,564.7c-2.34,0-4.19-.62-5.52-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.16-4.89c1.44-1.23,3.46-1.95,6.04-2.16l6.94-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.66-.48-1.77,0-3.15.37-4.12,1.11-.98.74-1.47,1.8-1.47,3.16h-3.7c0-1.55.39-2.9,1.17-4.05.78-1.15,1.89-2.05,3.31-2.68,1.43-.64,3.09-.96,4.98-.96s3.43.33,4.8.98c1.37.65,2.43,1.64,3.2,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.95,3.03-1.4.74-2.98,1.11-4.76,1.11ZM247.36,561.37c2.01,0,3.59-.61,4.73-1.84,1.14-1.23,1.71-2.89,1.71-4.98v-1.18l-5.64.46c-1.86.18-3.21.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.19,2.66.8.59,1.89.89,3.27.89Z\" />\n        </g>\n        <g>\n          <line x1=\".65\" y1=\"407.52\" x2=\"259.96\" y2=\"389.39\" />\n          <rect x=\".34\" y=\"394.11\" width=\"259.94\" height=\"8.7\" transform=\"translate(-27.46 10.05) rotate(-4)\" />\n        </g>\n        <g>\n          <line x1=\".65\" y1=\"607.55\" x2=\"259.96\" y2=\"589.42\" />\n          <rect x=\".34\" y=\"594.14\" width=\"259.94\" height=\"8.7\" transform=\"translate(-41.4 10.54) rotate(-4)\" />\n        </g>\n        <g>\n          <line x1=\".3\" y1=\"496.88\" x2=\"259.61\" y2=\"515.01\" />\n          <rect x=\"125.61\" y=\"375.98\" width=\"8.7\" height=\"259.94\" transform=\"translate(-383.82 600.29) rotate(-86)\" />\n        </g>\n      </g>\n    </g>\n  </BaseSvg>\n);\n\nexport const NdlaLogoText = (props: LogoProps) => (\n  <BaseSvg width={126} height={32} viewBox=\"0 0 1104 280\" {...props}>\n    <g fill=\"currentColor\">\n      <rect width=\"52\" height=\"280\" />\n      <polygon points=\"97.15 39.5 52 66 191 279.77 191.12 280 260 280 260 0 207.73 0 207.73 209.54 97.15 39.5\" />\n      <path d=\"M997.7,0h-51.51l-105.73,278.52-.46,1.48h52.87l22.45-64.2h112.33l22.45,64.2h53.9L997.7,0ZM1012.95,172.44h-82.25l41.01-105.17,41.24,105.17Z\" />\n      <polygon points=\"681.18 0 629 0 629 280 797 280 797 231.99 681.18 231.99 681.18 0\" />\n      <path d=\"M432.36,0h-100.36v280h102.98c19.9,0,38.55-3.41,55.61-10.13,16.72-6.72,31.27-16.39,43.32-28.68,12.05-12.18,21.49-27.09,28.09-44.16,6.71-17.41,10.01-36.31,10.01-56.46,0-40.86-13.42-75.92-38.78-101.64C507.87,13.43,472.96,0,432.36,0ZM518.56,140.57c0,28.11-8.07,51.45-23.54,67.61-15.35,16.16-37.64,24.7-64.48,24.7h-47.6V47.12h44.87c27.86,0,50.83,8.65,66.52,24.81,15.92,16.39,24.22,40.07,24.22,68.63Z\" />\n    </g>\n  </BaseSvg>\n);\n"],"mappings":"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"}
+{"version":3,"file":"NdlaLogo.js","names":["styled","css"],"sources":["../src/NdlaLogo.tsx"],"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 { css } from \"@ndla/styled-system/css\";\nimport { styled } from \"@ndla/styled-system/jsx\";\nimport type { ColorToken } from \"@ndla/styled-system/tokens\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\nimport { type ComponentPropsWithoutRef } from \"react\";\n\nexport interface LogoProps extends Omit<ComponentPropsWithoutRef<\"svg\">, \"color\">, StyledProps {\n  color?: ColorToken;\n}\n\nconst BaseSvg = ({ color = \"primary\", \"aria-hidden\": ariaHidden = true, css: cssProp, ...props }: LogoProps) => (\n  <styled.svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    aria-hidden={ariaHidden}\n    css={css.raw({ color }, cssProp)}\n    {...props}\n  />\n);\n\nexport const NdlaLogoEn = (props: LogoProps) => (\n  <BaseSvg width={163} height={383} viewBox=\"0 0 260.46 612.26\" {...props}>\n    <g fill=\"currentColor\">\n      <g>\n        <rect width=\"52\" height=\"280\" />\n        <polygon points=\"97.15 39.5 52 66 191 279.77 191.12 280 260 280 260 0 207.73 0 207.73 209.54 97.15 39.5\" />\n      </g>\n      <g>\n        <path d=\"M5.26,363.02H1.21v-30.08h4.05l16.4,24.96h-1.12v-24.96h4.05v30.08h-4.05l-16.4-24.96h1.12v24.96Z\" />\n        <path d=\"M29.35,352.83c0-2.08.45-3.92,1.36-5.53.91-1.61,2.16-2.87,3.74-3.79,1.58-.92,3.39-1.37,5.43-1.37s3.84.46,5.41,1.37c1.57.92,2.81,2.18,3.72,3.79.91,1.61,1.36,3.45,1.36,5.53s-.45,3.92-1.36,5.53c-.91,1.61-2.15,2.87-3.72,3.79-1.57.92-3.37,1.37-5.41,1.37s-3.85-.46-5.43-1.37c-1.58-.92-2.83-2.18-3.74-3.79-.91-1.61-1.36-3.45-1.36-5.53ZM33.27,352.83c0,1.42.28,2.66.85,3.74.56,1.08,1.34,1.93,2.33,2.54s2.13.92,3.43.92,2.44-.3,3.43-.92,1.77-1.46,2.33-2.54c.56-1.08.85-2.33.85-3.74s-.28-2.7-.85-3.76c-.56-1.07-1.34-1.91-2.33-2.52-.99-.61-2.13-.92-3.43-.92s-2.44.31-3.43.92c-.99.61-1.77,1.45-2.33,2.52-.56,1.07-.85,2.32-.85,3.76Z\" />\n        <path d=\"M66.03,342.51v3.58h-1.74c-1.85,0-3.3.54-4.36,1.6-1.06,1.07-1.59,2.59-1.59,4.56v10.77h-3.88v-20.3h3.64l.33,4.08h-.37c.28-1.33.94-2.42,1.98-3.27,1.05-.85,2.35-1.27,3.92-1.27.36,0,.7.02,1.01.06.32.04.67.1,1.05.19Z\" />\n        <path d=\"M74.42,363.02l-6.61-20.34h4.01l3.35,10.57c.25.75.47,1.52.66,2.31.19.79.39,1.63.58,2.52.11-.61.24-1.2.39-1.77.15-.57.31-1.11.48-1.62.17-.51.32-.99.45-1.44l3.39-10.57h3.97l3.35,10.57c.11.25.21.58.31.98.1.4.21.83.35,1.27.14.44.26.89.37,1.33.11.44.21.86.29,1.25.11-.55.23-1.09.35-1.6.12-.51.26-1.03.41-1.54.15-.51.32-1.08.52-1.69l3.39-10.57h4.05l-6.9,20.34h-3.68l-3.51-10.9c-.33-1.03-.6-1.93-.81-2.72s-.37-1.46-.48-2.02c-.11.5-.27,1.12-.48,1.85-.21.73-.49,1.71-.85,2.93l-3.51,10.86h-3.84Z\" />\n        <path d=\"M109.42,363.52c-1.96,0-3.69-.45-5.21-1.35-1.52-.9-2.7-2.15-3.55-3.74-.85-1.59-1.28-3.45-1.28-5.55s.42-4.01,1.26-5.62c.84-1.61,2-2.87,3.47-3.79,1.47-.92,3.19-1.37,5.14-1.37s3.6.42,5.02,1.25c1.42.83,2.52,2,3.31,3.49.79,1.5,1.18,3.26,1.18,5.28v1.46l-17.31.04.08-2.62h13.35c0-1.69-.51-3.05-1.53-4.08-1.02-1.03-2.38-1.54-4.09-1.54-1.29,0-2.4.29-3.33.85-.92.57-1.63,1.4-2.11,2.5-.48,1.1-.72,2.41-.72,3.93,0,2.44.55,4.32,1.65,5.64,1.1,1.32,2.69,1.98,4.75,1.98,1.51,0,2.75-.31,3.72-.92.96-.61,1.61-1.5,1.94-2.66h3.64c-.5,2.16-1.56,3.84-3.18,5.03-1.63,1.19-3.69,1.79-6.2,1.79Z\" />\n        <path d=\"M121.6,352.33c0-1.91.39-3.64,1.16-5.18.77-1.54,1.87-2.77,3.31-3.68,1.43-.92,3.13-1.37,5.08-1.37,1.82,0,3.37.44,4.67,1.31,1.29.87,2.22,2.09,2.77,3.64l-.5.54.41-4.91h3.47v19.51c0,2.14-.41,3.99-1.24,5.55-.83,1.57-2,2.78-3.51,3.64-1.52.86-3.31,1.29-5.37,1.29-2.75,0-5.01-.74-6.78-2.21s-2.84-3.49-3.22-6.07h3.88c.25,1.5.91,2.66,1.98,3.49s2.45,1.25,4.13,1.25c1.9,0,3.42-.58,4.57-1.73,1.14-1.15,1.71-2.7,1.71-4.64v-5.74l.5.54c-.52,1.53-1.47,2.72-2.85,3.6-1.38.87-2.98,1.31-4.79,1.31-1.93,0-3.59-.45-5-1.35s-2.49-2.11-3.24-3.64c-.76-1.52-1.14-3.24-1.14-5.16ZM125.49,352.25c0,1.28.25,2.43.76,3.45.51,1.03,1.23,1.84,2.15,2.45.92.61,2,.92,3.24.92,1.32,0,2.45-.29,3.39-.87.94-.58,1.66-1.39,2.17-2.41.51-1.03.76-2.21.76-3.54s-.25-2.5-.74-3.49c-.5-1-1.21-1.79-2.15-2.37-.94-.58-2.07-.87-3.39-.87s-2.4.31-3.33.92c-.92.61-1.63,1.42-2.13,2.43-.5,1.01-.74,2.14-.74,3.39Z\" />\n        <path d=\"M149.28,337.85c-.69,0-1.29-.26-1.8-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.8-.75s1.32.25,1.82.75c.5.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.5.51-1.1.77-1.82.77ZM147.38,363.02v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M162.59,363.52c-2.15,0-3.84-.57-5.06-1.71s-1.84-2.62-1.84-4.45.66-3.35,1.98-4.47c1.32-1.12,3.17-1.78,5.54-1.98l6.36-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.72-.29-1.53-.44-2.44-.44-1.63,0-2.89.34-3.78,1.02-.9.68-1.34,1.64-1.34,2.89h-3.39c0-1.41.36-2.65,1.07-3.7.72-1.05,1.73-1.87,3.04-2.45,1.31-.58,2.83-.87,4.57-.87s3.15.3,4.4.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.31l-.41-3.29c-.52,1.16-1.43,2.09-2.71,2.77-1.28.68-2.73,1.02-4.36,1.02ZM163.7,360.48c1.85,0,3.29-.56,4.34-1.68,1.05-1.12,1.57-2.64,1.57-4.55v-1.08l-5.16.42c-1.71.17-2.94.57-3.7,1.21-.76.64-1.14,1.46-1.14,2.45,0,1.08.36,1.89,1.1,2.43.73.54,1.73.81,3,.81Z\" />\n        <path d=\"M182.42,363.02h-3.88v-20.34h3.51l.41,3.12c.63-1.16,1.55-2.07,2.75-2.72,1.2-.65,2.51-.98,3.95-.98,2.64,0,4.6.76,5.87,2.29,1.27,1.53,1.9,3.59,1.9,6.2v12.44h-3.88v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.07-1.35-3.55-1.35-1.82,0-3.23.6-4.23,1.79-1.01,1.19-1.51,2.79-1.51,4.78v10.77Z\" />\n      </g>\n      <g>\n        <path d=\"M10.62,466.02c-1.95,0-3.63-.45-5.03-1.35-1.4-.9-2.48-2.16-3.24-3.76-.76-1.61-1.13-3.44-1.13-5.49s.38-3.93,1.15-5.55c.77-1.62,1.87-2.91,3.3-3.85,1.43-.94,3.13-1.41,5.11-1.41,1.57,0,2.96.33,4.18.98,1.22.65,2.18,1.62,2.87,2.89v-13.56h3.83v30.62h-3.46l-.33-3.7c-.66,1.36-1.63,2.4-2.91,3.12-1.28.72-2.73,1.08-4.35,1.08ZM11.4,462.48c1.32,0,2.45-.3,3.4-.92.95-.61,1.68-1.46,2.21-2.54.52-1.08.78-2.33.78-3.74s-.26-2.66-.78-3.72c-.52-1.07-1.26-1.91-2.21-2.52-.95-.61-2.08-.92-3.4-.92s-2.45.31-3.38.94c-.93.62-1.65,1.47-2.14,2.54s-.74,2.29-.74,3.68.25,2.66.74,3.74c.49,1.08,1.21,1.93,2.14,2.54.93.61,2.06.92,3.38.92Z\" />\n        <path d=\"M28.96,440.35c-.69,0-1.29-.26-1.79-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.79-.75s1.32.25,1.81.75c.49.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.49.51-1.1.77-1.81.77ZM27.07,465.52v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M35.06,454.83c0-1.91.38-3.64,1.15-5.18.77-1.54,1.87-2.77,3.3-3.68,1.43-.92,3.12-1.37,5.07-1.37,1.81,0,3.37.44,4.66,1.31,1.29.87,2.21,2.09,2.76,3.64l-.49.54.41-4.91h3.46v19.51c0,2.14-.41,3.99-1.24,5.55-.82,1.57-1.99,2.78-3.5,3.64-1.51.86-3.3,1.29-5.36,1.29-2.75,0-5-.74-6.76-2.21-1.76-1.47-2.83-3.49-3.22-6.07h3.87c.25,1.5.91,2.66,1.98,3.49s2.45,1.25,4.12,1.25c1.9,0,3.41-.58,4.55-1.73,1.14-1.15,1.71-2.7,1.71-4.64v-5.74l.49.54c-.52,1.53-1.47,2.72-2.84,3.6-1.37.87-2.97,1.31-4.78,1.31-1.92,0-3.59-.45-4.99-1.35s-2.48-2.11-3.24-3.64c-.76-1.52-1.13-3.24-1.13-5.16ZM38.94,454.75c0,1.28.25,2.43.76,3.45.51,1.03,1.22,1.84,2.14,2.45.92.61,2,.92,3.24.92,1.32,0,2.45-.29,3.38-.87.93-.58,1.66-1.39,2.16-2.41.51-1.03.76-2.21.76-3.54s-.25-2.5-.74-3.49c-.5-1-1.21-1.79-2.14-2.37-.93-.58-2.06-.87-3.38-.87s-2.4.31-3.32.92c-.92.61-1.63,1.42-2.12,2.43-.49,1.01-.74,2.14-.74,3.39Z\" />\n        <path d=\"M62.68,440.35c-.69,0-1.29-.26-1.79-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.79-.75s1.32.25,1.81.75c.49.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.49.51-1.1.77-1.81.77ZM60.78,465.52v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M67.92,445.18h11.71v3.29h-11.71v-3.29ZM79.46,462.11l.49,3.25c-1.04.42-2.16.62-3.34.62s-2.18-.23-3.01-.69c-.82-.46-1.46-1.14-1.9-2.06-.44-.92-.66-2.05-.66-3.41v-21.01h3.88v20.47c0,1.17.24,1.99.72,2.48.48.49,1.11.73,1.88.73.6,0,1.25-.12,1.94-.37Z\" />\n        <path d=\"M89.39,466.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM90.5,462.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n        <path d=\"M109.26,465.52h-3.88v-30.62h3.88v30.62Z\" />\n      </g>\n      <g>\n        <path d=\"M5.5,563.52H1.62v-30.62h3.88v30.62Z\" />\n        <path d=\"M19.68,564.02c-1.95,0-3.68-.45-5.19-1.35-1.51-.9-2.69-2.15-3.54-3.74-.85-1.59-1.28-3.45-1.28-5.55s.42-4.01,1.26-5.62c.84-1.61,1.99-2.87,3.46-3.79,1.47-.92,3.18-1.37,5.13-1.37s3.59.42,5.01,1.25c1.42.83,2.51,2,3.3,3.49.78,1.5,1.17,3.26,1.17,5.28v1.46l-17.27.04.08-2.62h13.31c0-1.69-.51-3.05-1.53-4.08-1.02-1.03-2.38-1.54-4.08-1.54-1.29,0-2.4.29-3.32.85-.92.57-1.62,1.4-2.1,2.5-.48,1.1-.72,2.41-.72,3.93,0,2.44.55,4.32,1.65,5.64,1.1,1.32,2.68,1.98,4.74,1.98,1.51,0,2.75-.31,3.71-.92.96-.61,1.61-1.5,1.94-2.66h3.63c-.49,2.16-1.55,3.84-3.17,5.03-1.62,1.19-3.68,1.79-6.18,1.79Z\" />\n        <path d=\"M38.8,564.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM39.92,560.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n        <path d=\"M66.26,543.01v3.58h-1.73c-1.84,0-3.29.54-4.35,1.6-1.06,1.07-1.59,2.59-1.59,4.56v10.77h-3.88v-20.3h3.63l.33,4.08h-.37c.27-1.33.93-2.42,1.98-3.27,1.04-.85,2.35-1.27,3.92-1.27.36,0,.69.02,1.01.06.32.04.67.1,1.05.19Z\" />\n        <path d=\"M73.55,563.52h-3.88v-20.34h3.5l.41,3.12c.63-1.16,1.55-2.07,2.74-2.72,1.2-.65,2.51-.98,3.94-.98,2.64,0,4.59.76,5.85,2.29,1.26,1.53,1.9,3.59,1.9,6.2v12.44h-3.87v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.06-1.35-3.54-1.35-1.81,0-3.22.6-4.23,1.79-1,1.19-1.5,2.79-1.5,4.78v10.77Z\" />\n        <path d=\"M95.07,538.35c-.69,0-1.29-.26-1.79-.77-.51-.51-.76-1.12-.76-1.81s.25-1.33.76-1.83c.51-.5,1.11-.75,1.79-.75s1.32.25,1.81.75c.49.5.74,1.11.74,1.83s-.25,1.3-.74,1.81c-.49.51-1.1.77-1.81.77ZM93.17,563.52v-20.34h3.88v20.34h-3.88Z\" />\n        <path d=\"M106.32,563.52h-3.88v-20.34h3.5l.41,3.12c.63-1.16,1.55-2.07,2.74-2.72,1.2-.65,2.51-.98,3.94-.98,2.64,0,4.59.76,5.85,2.29,1.26,1.53,1.9,3.59,1.9,6.2v12.44h-3.87v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.06-1.35-3.54-1.35-1.81,0-3.22.6-4.23,1.79-1,1.19-1.5,2.79-1.5,4.78v10.77Z\" />\n        <path d=\"M124.66,552.83c0-1.91.38-3.64,1.15-5.18.77-1.54,1.87-2.77,3.3-3.68,1.43-.92,3.12-1.37,5.07-1.37,1.81,0,3.37.44,4.66,1.31,1.29.87,2.21,2.09,2.76,3.64l-.49.54.41-4.91h3.46v19.51c0,2.14-.41,3.99-1.24,5.55-.82,1.57-1.99,2.78-3.5,3.64-1.51.86-3.3,1.29-5.36,1.29-2.75,0-5-.74-6.76-2.21-1.76-1.47-2.83-3.49-3.22-6.07h3.87c.25,1.5.91,2.66,1.98,3.49s2.45,1.25,4.12,1.25c1.9,0,3.41-.58,4.55-1.73,1.14-1.15,1.71-2.7,1.71-4.64v-5.74l.49.54c-.52,1.53-1.47,2.72-2.84,3.6-1.37.87-2.97,1.31-4.78,1.31-1.92,0-3.59-.45-4.99-1.35s-2.48-2.11-3.24-3.64c-.76-1.52-1.13-3.24-1.13-5.16ZM128.54,552.75c0,1.28.25,2.43.76,3.45.51,1.03,1.22,1.84,2.14,2.45.92.61,2,.92,3.24.92,1.32,0,2.45-.29,3.38-.87.93-.58,1.66-1.39,2.16-2.41.51-1.03.76-2.21.76-3.54s-.25-2.5-.74-3.49c-.5-1-1.21-1.79-2.14-2.37-.93-.58-2.06-.87-3.38-.87s-2.4.31-3.32.92c-.92.61-1.63,1.42-2.12,2.43-.49,1.01-.74,2.14-.74,3.39Z\" />\n        <path d=\"M167.33,564.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM168.44,560.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n        <path d=\"M194.78,543.01v3.58h-1.73c-1.84,0-3.29.54-4.35,1.6-1.06,1.07-1.59,2.59-1.59,4.56v10.77h-3.88v-20.3h3.63l.33,4.08h-.37c.27-1.33.93-2.42,1.98-3.27,1.04-.85,2.35-1.27,3.92-1.27.36,0,.69.02,1.01.06.32.04.67.1,1.05.19Z\" />\n        <path d=\"M206.16,564.02c-1.95,0-3.68-.45-5.19-1.35-1.51-.9-2.69-2.15-3.54-3.74-.85-1.59-1.28-3.45-1.28-5.55s.42-4.01,1.26-5.62c.84-1.61,1.99-2.87,3.46-3.79,1.47-.92,3.18-1.37,5.13-1.37s3.59.42,5.01,1.25c1.42.83,2.51,2,3.3,3.49.78,1.5,1.17,3.26,1.17,5.28v1.46l-17.27.04.08-2.62h13.31c0-1.69-.51-3.05-1.53-4.08-1.02-1.03-2.38-1.54-4.08-1.54-1.29,0-2.4.29-3.32.85-.92.57-1.62,1.4-2.1,2.5-.48,1.1-.72,2.41-.72,3.93,0,2.44.55,4.32,1.65,5.64,1.1,1.32,2.68,1.98,4.74,1.98,1.51,0,2.75-.31,3.71-.92.96-.61,1.61-1.5,1.94-2.66h3.63c-.49,2.16-1.55,3.84-3.17,5.03-1.62,1.19-3.68,1.79-6.18,1.79Z\" />\n        <path d=\"M223.47,563.52h-3.88v-20.34h3.5l.41,3.12c.63-1.16,1.55-2.07,2.74-2.72,1.2-.65,2.51-.98,3.94-.98,2.64,0,4.59.76,5.85,2.29,1.26,1.53,1.9,3.59,1.9,6.2v12.44h-3.87v-11.56c0-2.05-.44-3.53-1.32-4.43-.88-.9-2.06-1.35-3.54-1.35-1.81,0-3.22.6-4.23,1.79-1,1.19-1.5,2.79-1.5,4.78v10.77Z\" />\n        <path d=\"M248.98,564.02c-2.14,0-3.83-.57-5.05-1.71-1.22-1.14-1.83-2.62-1.83-4.45s.66-3.35,1.98-4.47c1.32-1.12,3.16-1.78,5.52-1.98l6.35-.5v-.58c0-1.14-.21-2.04-.62-2.72-.41-.68-.98-1.17-1.69-1.46-.71-.29-1.52-.44-2.43-.44-1.62,0-2.88.34-3.77,1.02-.89.68-1.34,1.64-1.34,2.89h-3.38c0-1.41.36-2.65,1.07-3.7.71-1.05,1.72-1.87,3.03-2.45,1.31-.58,2.82-.87,4.55-.87s3.14.3,4.39.89c1.25.6,2.23,1.5,2.93,2.7.7,1.21,1.05,2.72,1.05,4.55v12.77h-3.3l-.41-3.29c-.52,1.16-1.42,2.09-2.7,2.77-1.28.68-2.73,1.02-4.35,1.02ZM250.1,560.98c1.84,0,3.28-.56,4.33-1.68s1.57-2.64,1.57-4.55v-1.08l-5.15.42c-1.7.17-2.93.57-3.69,1.21-.76.64-1.13,1.46-1.13,2.45,0,1.08.36,1.89,1.09,2.43.73.54,1.72.81,2.99.81Z\" />\n      </g>\n      <g>\n        <line x1=\".85\" y1=\"407.89\" x2=\"260.16\" y2=\"389.76\" />\n        <rect x=\".53\" y=\"394.48\" width=\"259.94\" height=\"8.7\" transform=\"translate(-27.48 10.07) rotate(-4)\" />\n      </g>\n      <g>\n        <line x1=\".85\" y1=\"607.92\" x2=\"260.16\" y2=\"589.79\" />\n        <rect x=\".53\" y=\"594.51\" width=\"259.94\" height=\"8.7\" transform=\"translate(-41.42 10.55) rotate(-4)\" />\n      </g>\n      <g>\n        <line x1=\".5\" y1=\"497.25\" x2=\"259.81\" y2=\"515.38\" />\n        <rect x=\"125.8\" y=\"376.35\" width=\"8.7\" height=\"259.94\" transform=\"translate(-384.01 600.83) rotate(-86)\" />\n      </g>\n    </g>\n  </BaseSvg>\n);\n\nexport const NdlaLogoNb = (props: LogoProps) => (\n  <BaseSvg width={163} height={383} viewBox=\"0 0 260.29 611.89\" {...props}>\n    <g fill=\"currentColor\">\n      <g>\n        <rect x=\".29\" width=\"52\" height=\"280\" />\n        <polygon points=\"97.44 39.5 52.29 66 191.29 279.77 191.41 280 260.29 280 260.29 0 208.02 0 208.02 209.54 97.44 39.5\" />\n      </g>\n      <g>\n        <g>\n          <path d=\"M5.77,365.65H1.34v-32.9h4.43l17.94,27.3h-1.22v-27.3h4.43v32.9h-4.43l-17.94-27.3h1.22v27.3Z\" />\n          <path d=\"M40.02,366.2c-2.35,0-4.2-.62-5.54-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.17-4.89c1.45-1.23,3.46-1.95,6.06-2.16l6.96-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.67-.48-1.78,0-3.16.37-4.13,1.11-.98.74-1.47,1.8-1.47,3.16h-3.71c0-1.55.39-2.9,1.18-4.05.78-1.15,1.89-2.05,3.32-2.68,1.43-.64,3.1-.96,4.99-.96s3.44.33,4.81.98c1.37.65,2.44,1.64,3.21,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.96,3.03-1.4.74-2.99,1.11-4.77,1.11ZM41.24,362.87c2.02,0,3.6-.61,4.75-1.84,1.14-1.23,1.72-2.89,1.72-4.98v-1.18l-5.65.46c-1.87.18-3.22.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.2,2.66.8.59,1.89.89,3.28.89Z\" />\n          <path d=\"M55.66,359.19h4.07c0,1.12.41,2.01,1.22,2.66.81.65,1.91.98,3.3.98,1.51,0,2.67-.3,3.48-.89.81-.59,1.22-1.39,1.22-2.39,0-.73-.22-1.33-.66-1.82-.44-.49-1.23-.88-2.37-1.18l-3.89-.91c-1.96-.49-3.41-1.23-4.36-2.23-.95-1-1.42-2.32-1.42-3.96,0-1.37.35-2.55,1.06-3.55.71-1,1.69-1.77,2.94-2.32,1.25-.55,2.69-.82,4.32-.82s3.03.29,4.23.86c1.19.58,2.12,1.38,2.8,2.41.68,1.03,1.03,2.26,1.06,3.69h-4.07c-.03-1.15-.41-2.05-1.13-2.68s-1.73-.96-3.03-.96-2.35.29-3.07.87c-.72.58-1.08,1.36-1.08,2.37,0,1.49,1.08,2.5,3.25,3.05l3.89.96c1.87.42,3.27,1.11,4.2,2.07.93.96,1.4,2.25,1.4,3.89,0,1.4-.38,2.62-1.13,3.66-.75,1.05-1.79,1.85-3.1,2.41-1.31.56-2.85.84-4.63.84-2.59,0-4.65-.64-6.19-1.91-1.54-1.27-2.3-2.97-2.3-5.1Z\" />\n          <path d=\"M71.88,375.75l.72-3.87c.42.12.78.21,1.08.25.3.05.62.07.95.07,1.02,0,1.75-.3,2.19-.91.44-.61.66-1.53.66-2.78v-25.12h4.25v25.53c0,2.21-.59,3.97-1.76,5.28-1.17,1.3-2.83,1.96-4.97,1.96-.54,0-1.04-.03-1.49-.09-.45-.06-.99-.17-1.63-.32ZM79.61,338.12c-.78,0-1.45-.28-1.99-.84-.54-.56-.81-1.22-.81-1.98s.27-1.46.81-2c.54-.55,1.2-.82,1.99-.82s1.41.27,1.97.82c.56.55.84,1.21.84,2s-.28,1.42-.84,1.98c-.56.56-1.21.84-1.97.84Z\" />\n          <path d=\"M86.2,354.5c0-2.28.5-4.29,1.49-6.05.99-1.76,2.36-3.14,4.09-4.14s3.71-1.5,5.94-1.5,4.2.5,5.92,1.5,3.07,2.38,4.07,4.14c.99,1.76,1.49,3.78,1.49,6.05s-.5,4.29-1.49,6.05-2.35,3.14-4.07,4.14-3.69,1.5-5.92,1.5-4.21-.5-5.94-1.5-3.1-2.38-4.09-4.14-1.49-3.78-1.49-6.05ZM90.5,354.5c0,1.55.31,2.91.93,4.09.62,1.18,1.47,2.11,2.55,2.78,1.08.67,2.33,1,3.75,1s2.67-.33,3.75-1c1.08-.67,1.94-1.59,2.55-2.78.62-1.18.93-2.55.93-4.09s-.31-2.95-.93-4.12c-.62-1.17-1.47-2.08-2.55-2.75s-2.33-1-3.75-1-2.67.33-3.75,1-1.94,1.58-2.55,2.75c-.62,1.17-.93,2.54-.93,4.12Z\" />\n          <path d=\"M117.93,365.65h-4.25v-22.25h3.84l.45,3.41c.69-1.27,1.69-2.27,3.01-2.98,1.31-.71,2.75-1.07,4.32-1.07,2.89,0,5.03.83,6.42,2.5,1.39,1.67,2.08,3.93,2.08,6.78v13.6h-4.25v-12.65c0-2.24-.48-3.86-1.45-4.85-.96-.99-2.26-1.48-3.89-1.48-1.99,0-3.53.65-4.63,1.96-1.1,1.3-1.65,3.05-1.65,5.23v11.78Z\" />\n          <path d=\"M145.9,366.2c-2.35,0-4.2-.62-5.54-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.17-4.89c1.45-1.23,3.46-1.95,6.06-2.16l6.96-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.67-.48-1.78,0-3.16.37-4.13,1.11-.98.74-1.47,1.8-1.47,3.16h-3.71c0-1.55.39-2.9,1.18-4.05.78-1.15,1.89-2.05,3.32-2.68,1.43-.64,3.1-.96,4.99-.96s3.44.33,4.81.98c1.37.65,2.44,1.64,3.21,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.96,3.03-1.4.74-2.99,1.11-4.77,1.11ZM147.12,362.87c2.02,0,3.6-.61,4.75-1.84,1.14-1.23,1.72-2.89,1.72-4.98v-1.18l-5.65.46c-1.87.18-3.22.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.2,2.66.8.59,1.89.89,3.28.89Z\" />\n          <path d=\"M167.68,365.65h-4.25v-33.49h4.25v33.49Z\" />\n        </g>\n        <g>\n          <path d=\"M11.45,465.7c-2.13,0-3.97-.49-5.5-1.48s-2.71-2.36-3.54-4.12c-.83-1.76-1.24-3.76-1.24-6.01s.42-4.3,1.26-6.07c.84-1.77,2.04-3.18,3.61-4.21,1.56-1.03,3.43-1.55,5.59-1.55,1.71,0,3.24.36,4.58,1.07,1.34.71,2.38,1.77,3.13,3.16v-14.83h4.19v33.49h-3.79l-.36-4.05c-.72,1.49-1.78,2.62-3.18,3.41-1.4.79-2.98,1.18-4.76,1.18ZM12.3,461.83c1.44,0,2.68-.33,3.72-1,1.04-.67,1.84-1.59,2.41-2.78.57-1.18.86-2.55.86-4.1s-.29-2.9-.86-4.07c-.57-1.17-1.38-2.08-2.41-2.75-1.04-.67-2.28-1-3.72-1s-2.68.34-3.7,1.02c-1.02.68-1.8,1.61-2.34,2.78-.54,1.17-.81,2.51-.81,4.03s.27,2.91.81,4.1c.54,1.18,1.32,2.11,2.34,2.78,1.02.67,2.25,1,3.7,1Z\" />\n          <path d=\"M31.51,437.62c-.75,0-1.41-.28-1.96-.84s-.83-1.22-.83-1.98.28-1.46.83-2,1.21-.82,1.96-.82,1.44.27,1.98.82c.54.55.81,1.21.81,2s-.27,1.42-.81,1.98c-.54.56-1.2.84-1.98.84ZM29.43,465.15v-22.25h4.24v22.25h-4.24Z\" />\n          <path d=\"M38.18,453.46c0-2.09.42-3.98,1.26-5.67.84-1.68,2.04-3.03,3.61-4.03,1.56-1,3.41-1.5,5.55-1.5,1.98,0,3.68.48,5.09,1.43,1.41.96,2.42,2.28,3.02,3.98l-.54.59.45-5.37h3.79v21.34c0,2.34-.45,4.36-1.35,6.07-.9,1.71-2.18,3.04-3.83,3.98-1.65.94-3.61,1.41-5.86,1.41-3.01,0-5.47-.8-7.39-2.41-1.92-1.61-3.1-3.82-3.52-6.64h4.24c.27,1.64.99,2.91,2.16,3.82,1.17.91,2.67,1.37,4.51,1.37,2.07,0,3.73-.63,4.98-1.89,1.25-1.26,1.87-2.95,1.87-5.07v-6.28l.54.59c-.57,1.67-1.61,2.98-3.11,3.94-1.5.96-3.25,1.43-5.23,1.43-2.1,0-3.92-.49-5.46-1.48-1.53-.99-2.71-2.31-3.54-3.98-.83-1.67-1.24-3.55-1.24-5.64ZM42.42,453.37c0,1.4.28,2.65.83,3.78.56,1.12,1.34,2.02,2.34,2.68,1.01.67,2.19,1,3.54,1,1.44,0,2.67-.32,3.7-.96,1.02-.64,1.81-1.52,2.37-2.64.56-1.12.83-2.41.83-3.87s-.27-2.73-.81-3.82-1.32-1.96-2.34-2.59c-1.02-.64-2.25-.96-3.7-.96s-2.62.33-3.63,1c-1.01.67-1.78,1.55-2.32,2.66-.54,1.11-.81,2.34-.81,3.71Z\" />\n          <path d=\"M68.39,437.62c-.75,0-1.41-.28-1.96-.84-.56-.56-.83-1.22-.83-1.98s.28-1.46.83-2c.56-.55,1.21-.82,1.96-.82s1.44.27,1.98.82c.54.55.81,1.21.81,2s-.27,1.42-.81,1.98c-.54.56-1.2.84-1.98.84ZM66.31,465.15v-22.25h4.24v22.25h-4.24Z\" />\n          <path d=\"M74.11,442.9h12.8v3.59h-12.8v-3.59ZM86.73,461.42l.54,3.55c-1.14.46-2.36.68-3.65.68s-2.39-.25-3.29-.75c-.9-.5-1.59-1.25-2.07-2.25-.48-1-.72-2.24-.72-3.73v-22.98h4.24v22.39c0,1.27.26,2.18.79,2.71.53.53,1.21.8,2.05.8.66,0,1.37-.14,2.12-.41Z\" />\n          <path d=\"M97.6,465.7c-2.34,0-4.19-.62-5.52-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.16-4.89c1.44-1.23,3.46-1.95,6.04-2.16l6.94-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.66-.48-1.77,0-3.15.37-4.12,1.11-.98.74-1.47,1.8-1.47,3.16h-3.7c0-1.55.39-2.9,1.17-4.05.78-1.15,1.89-2.05,3.31-2.68,1.43-.64,3.09-.96,4.98-.96s3.43.33,4.8.98c1.37.65,2.43,1.64,3.2,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.95,3.03-1.4.74-2.98,1.11-4.76,1.11ZM98.82,462.37c2.01,0,3.59-.61,4.73-1.84,1.14-1.23,1.71-2.89,1.71-4.98v-1.18l-5.64.46c-1.86.18-3.21.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.19,2.66.8.59,1.89.89,3.27.89Z\" />\n          <path d=\"M119.33,465.15h-4.24v-33.49h4.24v33.49Z\" />\n        </g>\n        <g>\n          <path d=\"M5.94,564.15H1.7v-33.49h4.24v33.49Z\" />\n          <path d=\"M10.85,557.92c0-2.21.74-3.88,2.23-4.98,1.49-1.11,3.43-1.68,5.84-1.71l7.08-.18v-1.32c0-1.64-.47-2.89-1.42-3.75-.95-.86-2.25-1.3-3.9-1.3s-3.05.38-4.01,1.14c-.96.76-1.44,1.81-1.44,3.14h-3.7c0-1.55.38-2.9,1.15-4.05.77-1.15,1.86-2.05,3.27-2.68,1.41-.64,3.02-.96,4.82-.96,1.92,0,3.55.38,4.89,1.14,1.34.76,2.29,1.77,2.86,3.05l-.86,13.88c-.69,1.64-1.83,2.94-3.43,3.91-1.59.97-3.46,1.46-5.59,1.46-2.5,0-4.42-.62-5.77-1.87-1.35-1.24-2.03-2.88-2.03-4.91ZM15.13,557.69c0,1.21.42,2.13,1.26,2.75.84.62,1.95.93,3.34.93,1.92,0,3.46-.56,4.6-1.68,1.14-1.12,1.71-2.59,1.71-4.41v-1.37l-6.09.18c-1.65.03-2.87.33-3.65.91-.78.58-1.17,1.47-1.17,2.68ZM46.96,553.82l-18.89.04.09-2.82h14.56c0-1.82-.55-3.31-1.65-4.46-1.1-1.15-2.59-1.73-4.49-1.73-1.44,0-2.67.33-3.67,1-1.01.67-1.78,1.58-2.32,2.73-.54,1.15-.81,2.5-.81,4.05,0,2.58.59,4.64,1.78,6.19,1.19,1.55,2.95,2.32,5.3,2.32,1.68,0,3.05-.34,4.1-1.02,1.05-.68,1.73-1.65,2.03-2.89h4.01c-.54,2.37-1.7,4.2-3.47,5.51-1.77,1.3-4.03,1.96-6.76,1.96-2.1,0-3.97-.49-5.59-1.46-1.62-.97-2.89-2.33-3.79-4.09-.9-1.76-1.35-3.79-1.35-6.1s.44-4.39,1.33-6.17c.89-1.77,2.12-3.15,3.7-4.14,1.58-.99,3.42-1.48,5.52-1.48s3.97.46,5.52,1.39c1.55.93,2.74,2.21,3.58,3.87.84,1.65,1.26,3.56,1.26,5.71v1.59Z\" />\n          <path d=\"M64.1,541.72v3.91h-1.89c-2.01,0-3.6.58-4.76,1.75-1.16,1.17-1.74,2.83-1.74,4.98v11.78h-4.24v-22.2h3.97l.36,4.46h-.41c.3-1.46,1.02-2.65,2.16-3.57,1.14-.92,2.57-1.39,4.28-1.39.39,0,.76.02,1.1.07.35.05.73.11,1.15.21Z\" />\n          <path d=\"M69.91,536.62c-.75,0-1.41-.28-1.96-.84s-.83-1.22-.83-1.98.28-1.46.83-2,1.21-.82,1.96-.82,1.44.27,1.98.82c.54.55.81,1.21.81,2s-.27,1.42-.81,1.98c-.54.56-1.2.84-1.98.84ZM67.84,564.15v-22.25h4.24v22.25h-4.24Z\" />\n          <path d=\"M82.22,564.15h-4.24v-22.25h3.83l.45,3.41c.69-1.27,1.69-2.27,3-2.98,1.31-.71,2.74-1.07,4.31-1.07,2.89,0,5.02.83,6.4,2.5,1.38,1.67,2.07,3.93,2.07,6.78v13.6h-4.24v-12.65c0-2.24-.48-3.86-1.44-4.85-.96-.99-2.25-1.48-3.88-1.48-1.98,0-3.52.65-4.62,1.96-1.1,1.3-1.65,3.05-1.65,5.23v11.78Z\" />\n          <path d=\"M102.28,552.46c0-2.09.42-3.98,1.26-5.67.84-1.68,2.04-3.03,3.61-4.03,1.56-1,3.41-1.5,5.55-1.5,1.98,0,3.68.48,5.09,1.43,1.41.96,2.42,2.28,3.02,3.98l-.54.59.45-5.37h3.79v21.34c0,2.34-.45,4.36-1.35,6.07-.9,1.71-2.18,3.04-3.83,3.98-1.65.94-3.61,1.41-5.86,1.41-3.01,0-5.47-.8-7.39-2.41-1.92-1.61-3.1-3.82-3.52-6.64h4.24c.27,1.64.99,2.91,2.16,3.82,1.17.91,2.67,1.37,4.51,1.37,2.07,0,3.73-.63,4.98-1.89,1.25-1.26,1.87-2.95,1.87-5.07v-6.28l.54.59c-.57,1.67-1.61,2.98-3.11,3.94-1.5.96-3.25,1.43-5.23,1.43-2.1,0-3.92-.49-5.46-1.48-1.53-.99-2.71-2.31-3.54-3.98-.83-1.67-1.24-3.55-1.24-5.64ZM106.52,552.37c0,1.4.28,2.65.83,3.78.56,1.12,1.34,2.02,2.34,2.68,1.01.67,2.19,1,3.54,1,1.44,0,2.67-.32,3.7-.96,1.02-.64,1.81-1.52,2.37-2.64.56-1.12.83-2.41.83-3.87s-.27-2.73-.81-3.82-1.32-1.96-2.34-2.59c-1.02-.64-2.25-.96-3.7-.96s-2.62.33-3.63,1c-1.01.67-1.78,1.55-2.32,2.66-.54,1.11-.81,2.34-.81,3.71Z\" />\n          <path d=\"M128.61,557.69h4.06c0,1.12.41,2.01,1.22,2.66s1.91.98,3.29.98c1.5,0,2.66-.3,3.47-.89.81-.59,1.22-1.39,1.22-2.39,0-.73-.22-1.33-.65-1.82-.44-.49-1.23-.88-2.37-1.18l-3.88-.91c-1.95-.49-3.4-1.23-4.35-2.23s-1.42-2.32-1.42-3.96c0-1.37.35-2.55,1.06-3.55.71-1,1.68-1.77,2.93-2.32,1.25-.55,2.68-.82,4.31-.82s3.03.29,4.22.86c1.19.58,2.12,1.38,2.79,2.41s1.03,2.26,1.06,3.69h-4.06c-.03-1.15-.41-2.05-1.13-2.68s-1.73-.96-3.02-.96-2.34.29-3.07.87-1.08,1.36-1.08,2.37c0,1.49,1.08,2.5,3.25,3.05l3.88.96c1.86.42,3.26,1.11,4.19,2.07.93.96,1.4,2.25,1.4,3.89,0,1.4-.38,2.62-1.13,3.66-.75,1.05-1.78,1.85-3.09,2.41-1.31.56-2.85.84-4.62.84-2.59,0-4.64-.64-6.18-1.91-1.53-1.27-2.3-2.97-2.3-5.1Z\" />\n          <path d=\"M156.83,564.7c-2.34,0-4.19-.62-5.52-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.16-4.89c1.44-1.23,3.46-1.95,6.04-2.16l6.94-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.66-.48-1.77,0-3.15.37-4.12,1.11-.98.74-1.47,1.8-1.47,3.16h-3.7c0-1.55.39-2.9,1.17-4.05.78-1.15,1.89-2.05,3.31-2.68,1.43-.64,3.09-.96,4.98-.96s3.43.33,4.8.98c1.37.65,2.43,1.64,3.2,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.95,3.03-1.4.74-2.98,1.11-4.76,1.11ZM158.05,561.37c2.01,0,3.59-.61,4.73-1.84,1.14-1.23,1.71-2.89,1.71-4.98v-1.18l-5.64.46c-1.86.18-3.21.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.19,2.66.8.59,1.89.89,3.27.89Z\" />\n          <path d=\"M186.86,541.72v3.91h-1.89c-2.01,0-3.6.58-4.76,1.75-1.16,1.17-1.74,2.83-1.74,4.98v11.78h-4.24v-22.2h3.97l.36,4.46h-.41c.3-1.46,1.02-2.65,2.16-3.57,1.14-.92,2.57-1.39,4.28-1.39.39,0,.76.02,1.1.07.35.05.73.11,1.15.21Z\" />\n          <path d=\"M199.3,564.7c-2.13,0-4.03-.49-5.68-1.48-1.65-.99-2.95-2.35-3.88-4.09s-1.4-3.77-1.4-6.07.46-4.38,1.38-6.14c.92-1.76,2.18-3.14,3.79-4.14,1.61-1,3.48-1.5,5.61-1.5s3.93.46,5.48,1.37c1.55.91,2.75,2.18,3.61,3.82.86,1.64,1.29,3.56,1.29,5.78v1.59l-18.89.04.09-2.87h14.56c0-1.85-.56-3.34-1.67-4.46-1.11-1.12-2.6-1.68-4.46-1.68-1.41,0-2.62.31-3.63.93-1.01.62-1.77,1.53-2.3,2.73-.53,1.2-.79,2.63-.79,4.3,0,2.67.6,4.72,1.8,6.17,1.2,1.44,2.93,2.16,5.18,2.16,1.65,0,3.01-.33,4.06-1,1.05-.67,1.76-1.64,2.12-2.91h3.97c-.54,2.37-1.7,4.2-3.47,5.51-1.77,1.3-4.03,1.96-6.76,1.96Z\" />\n          <path d=\"M218.24,564.15h-4.24v-22.25h3.83l.45,3.41c.69-1.27,1.69-2.27,3-2.98,1.31-.71,2.74-1.07,4.31-1.07,2.89,0,5.02.83,6.4,2.5,1.38,1.67,2.07,3.93,2.07,6.78v13.6h-4.24v-12.65c0-2.24-.48-3.86-1.44-4.85-.96-.99-2.25-1.48-3.88-1.48-1.98,0-3.52.65-4.62,1.96-1.1,1.3-1.65,3.05-1.65,5.23v11.78Z\" />\n          <path d=\"M246.14,564.7c-2.34,0-4.19-.62-5.52-1.87-1.34-1.24-2.01-2.87-2.01-4.87s.72-3.66,2.16-4.89c1.44-1.23,3.46-1.95,6.04-2.16l6.94-.55v-.64c0-1.24-.23-2.24-.68-2.98-.45-.74-1.07-1.27-1.85-1.59-.78-.32-1.67-.48-2.66-.48-1.77,0-3.15.37-4.12,1.11-.98.74-1.47,1.8-1.47,3.16h-3.7c0-1.55.39-2.9,1.17-4.05.78-1.15,1.89-2.05,3.31-2.68,1.43-.64,3.09-.96,4.98-.96s3.43.33,4.8.98c1.37.65,2.43,1.64,3.2,2.96.77,1.32,1.15,2.98,1.15,4.98v13.97h-3.61l-.45-3.59c-.57,1.27-1.56,2.28-2.95,3.03-1.4.74-2.98,1.11-4.76,1.11ZM247.36,561.37c2.01,0,3.59-.61,4.73-1.84,1.14-1.23,1.71-2.89,1.71-4.98v-1.18l-5.64.46c-1.86.18-3.21.62-4.04,1.32-.83.7-1.24,1.59-1.24,2.68,0,1.18.4,2.07,1.19,2.66.8.59,1.89.89,3.27.89Z\" />\n        </g>\n        <g>\n          <line x1=\".65\" y1=\"407.52\" x2=\"259.96\" y2=\"389.39\" />\n          <rect x=\".34\" y=\"394.11\" width=\"259.94\" height=\"8.7\" transform=\"translate(-27.46 10.05) rotate(-4)\" />\n        </g>\n        <g>\n          <line x1=\".65\" y1=\"607.55\" x2=\"259.96\" y2=\"589.42\" />\n          <rect x=\".34\" y=\"594.14\" width=\"259.94\" height=\"8.7\" transform=\"translate(-41.4 10.54) rotate(-4)\" />\n        </g>\n        <g>\n          <line x1=\".3\" y1=\"496.88\" x2=\"259.61\" y2=\"515.01\" />\n          <rect x=\"125.61\" y=\"375.98\" width=\"8.7\" height=\"259.94\" transform=\"translate(-383.82 600.29) rotate(-86)\" />\n        </g>\n      </g>\n    </g>\n  </BaseSvg>\n);\n\nexport const NdlaLogoText = (props: LogoProps) => (\n  <BaseSvg width={126} height={32} viewBox=\"0 0 1104 280\" {...props}>\n    <g fill=\"currentColor\">\n      <rect width=\"52\" height=\"280\" />\n      <polygon points=\"97.15 39.5 52 66 191 279.77 191.12 280 260 280 260 0 207.73 0 207.73 209.54 97.15 39.5\" />\n      <path d=\"M997.7,0h-51.51l-105.73,278.52-.46,1.48h52.87l22.45-64.2h112.33l22.45,64.2h53.9L997.7,0ZM1012.95,172.44h-82.25l41.01-105.17,41.24,105.17Z\" />\n      <polygon points=\"681.18 0 629 0 629 280 797 280 797 231.99 681.18 231.99 681.18 0\" />\n      <path d=\"M432.36,0h-100.36v280h102.98c19.9,0,38.55-3.41,55.61-10.13,16.72-6.72,31.27-16.39,43.32-28.68,12.05-12.18,21.49-27.09,28.09-44.16,6.71-17.41,10.01-36.31,10.01-56.46,0-40.86-13.42-75.92-38.78-101.64C507.87,13.43,472.96,0,432.36,0ZM518.56,140.57c0,28.11-8.07,51.45-23.54,67.61-15.35,16.16-37.64,24.7-64.48,24.7h-47.6V47.12h44.87c27.86,0,50.83,8.65,66.52,24.81,15.92,16.39,24.22,40.07,24.22,68.63Z\" />\n    </g>\n  </BaseSvg>\n);\n"],"mappings":"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"}

package/lib/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["paginationAnatomy","Pagination"],"sources":["../src/Pagination.tsx"],"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 { Pagination, paginationAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst paginationRecipe = sva({\n  slots: paginationAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      gap: \"xxsmall\",\n      justifyContent: \"center\",\n    },\n    item: {\n      fontVariantNumeric: \"tabular-nums\",\n    },\n    ellipsis: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(paginationRecipe);\n\nexport interface PaginationRootProps extends Pagination.RootProps, StyledProps {\n  translations: Pagination.RootProps[\"translations\"];\n}\n\nexport const PaginationRoot = withProvider(Pagination.Root, \"root\", { baseComponent: true });\n\nexport const PaginationItem = withContext(Pagination.Item, \"item\", { baseComponent: true });\n\nexport const PaginationEllipsis = withContext(Pagination.Ellipsis, \"ellipsis\", { baseComponent: true });\n\nexport const PaginationContext = Pagination.Context;\n\nexport const PaginationPrevTrigger = withContext(Pagination.PrevTrigger, \"prevTrigger\", { baseComponent: true });\n\nexport const PaginationNextTrigger = withContext(Pagination.NextTrigger, \"nextTrigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AA+BA,MAAM,EAAE,cAAc,iBAAA,qCAAA,CAAA,qBAAA,GAAA,wBAAA,KAlBO;CAC3B,OAAOA,cAAAA,kBAAkB,MAAM;CAC/B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,KAAK;GACL,gBAAgB;GACjB;EACD,MAAM,EACJ,oBAAoB,gBACrB;EACD,UAAU;GACR,SAAS;GACT,YAAY;GACb;EACF;CACF,CAEwE,CAAC;AAM1E,MAAa,iBAAiB,aAAaC,cAAAA,WAAW,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAE5F,MAAa,iBAAiB,YAAYA,cAAAA,WAAW,MAAM,QAAQ,EAAE,eAAe,MAAM,CAAC;AAE3F,MAAa,qBAAqB,YAAYA,cAAAA,WAAW,UAAU,YAAY,EAAE,eAAe,MAAM,CAAC;AAEvG,MAAa,oBAAoBA,cAAAA,WAAW;AAE5C,MAAa,wBAAwB,YAAYA,cAAAA,WAAW,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC;AAEhH,MAAa,wBAAwB,YAAYA,cAAAA,WAAW,aAAa,eAAe,EAAE,eAAe,MAAM,CAAC"}
+{"version":3,"file":"Pagination.js","names":["paginationAnatomy","Pagination"],"sources":["../src/Pagination.tsx"],"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 { Pagination, paginationAnatomy } from \"@ark-ui/react\";\nimport { sva } from \"@ndla/styled-system/css\";\nimport { createStyleContext } from \"@ndla/styled-system/jsx\";\nimport type { StyledProps } from \"@ndla/styled-system/types\";\n\nconst paginationRecipe = sva({\n  slots: paginationAnatomy.keys(),\n  base: {\n    root: {\n      display: \"flex\",\n      gap: \"xxsmall\",\n      justifyContent: \"center\",\n    },\n    item: {\n      fontVariantNumeric: \"tabular-nums\",\n    },\n    ellipsis: {\n      display: \"inline-flex\",\n      alignItems: \"center\",\n    },\n  },\n});\n\nconst { withProvider, withContext } = createStyleContext(paginationRecipe);\n\nexport interface PaginationRootProps extends Pagination.RootProps, StyledProps {\n  translations: Pagination.RootProps[\"translations\"];\n}\n\nexport const PaginationRoot = withProvider(Pagination.Root, \"root\", { baseComponent: true });\n\nexport const PaginationItem = withContext(Pagination.Item, \"item\", { baseComponent: true });\n\nexport const PaginationEllipsis = withContext(Pagination.Ellipsis, \"ellipsis\", { baseComponent: true });\n\nexport const PaginationContext = Pagination.Context;\n\nexport const PaginationPrevTrigger = withContext(Pagination.PrevTrigger, \"prevTrigger\", { baseComponent: true });\n\nexport const PaginationNextTrigger = withContext(Pagination.NextTrigger, \"nextTrigger\", { baseComponent: true });\n"],"mappings":";;;;;;;;;;AA+BA,MAAM,EAAE,cAAc,iBAAA,oCAAA,EAAA,qBAAA,GAAA,wBAAA,KAlBO;CAC3B,OAAOA,cAAAA,kBAAkB,KAAK;CAC9B,MAAM;EACJ,MAAM;GACJ,SAAS;GACT,KAAK;GACL,gBAAgB;EAClB;EACA,MAAM,EACJ,oBAAoB,eACtB;EACA,UAAU;GACR,SAAS;GACT,YAAY;EACd;CACF;AACF,CAEwE,CAAC;AAMzE,MAAa,iBAAiB,aAAaC,cAAAA,WAAW,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAE3F,MAAa,iBAAiB,YAAYA,cAAAA,WAAW,MAAM,QAAQ,EAAE,eAAe,KAAK,CAAC;AAE1F,MAAa,qBAAqB,YAAYA,cAAAA,WAAW,UAAU,YAAY,EAAE,eAAe,KAAK,CAAC;AAEtG,MAAa,oBAAoBA,cAAAA,WAAW;AAE5C,MAAa,wBAAwB,YAAYA,cAAAA,WAAW,aAAa,eAAe,EAAE,eAAe,KAAK,CAAC;AAE/G,MAAa,wBAAwB,YAAYA,cAAAA,WAAW,aAAa,eAAe,EAAE,eAAe,KAAK,CAAC"}