@ndla/ui 56.0.65-alpha.0 → 56.0.66-alpha.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/lib/Article/Article.d.ts +6 -6
  2. package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts +0 -1
  3. package/lib/ContentTypeBlockQuote/ContentTypeBlockQuote.d.ts +0 -1
  4. package/lib/ContentTypeFramedContent/ContentTypeFramedContent.d.ts +0 -1
  5. package/lib/ContentTypeHero/ContentTypeHero.d.ts +0 -1
  6. package/lib/Embed/ConceptEmbed.d.ts +0 -1
  7. package/lib/Embed/ConceptInlineTriggerButton.d.ts +1 -2
  8. package/lib/Embed/EmbedWrapper.d.ts +1 -2
  9. package/lib/Embed/InlineTriggerButton.d.ts +1 -2
  10. package/lib/FileList/FileList.d.ts +1 -1
  11. package/lib/Gloss/Gloss.d.ts +0 -1
  12. package/lib/LicenseByline/LicenseLink.d.ts +0 -1
  13. package/lib/TagSelector/TagSelector.d.ts +6 -7
  14. package/lib/ZendeskButton/ZendeskButton.d.ts +0 -1
  15. package/package.json +7 -7
  16. package/src/FileList/FileList.stories.tsx +4 -4
package/lib/Article/Article.d.ts CHANGED
@@ -9,21 +9,21 @@ import { ReactNode } from "react";
9
9
  import { ContentType } from "../ContentTypeBadge/ContentTypeBadgeNew";
10
10
  import { Article as ArticleType } from "../types";
11
11
  export declare const ArticleContent: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
12
- consumeCss?: boolean | undefined;
12
+ consumeCss?: boolean;
13
13
  } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLElement>>;
14
14
  export declare const ArticleWrapper: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
15
- ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
15
+ ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
16
16
  } & {
17
- consumeCss?: boolean | undefined;
17
+ consumeCss?: boolean;
18
18
  } & import("@ndla/styled-system/types").WithCss, "ref"> & import("react").RefAttributes<HTMLElement>>;
19
19
  export declare const ArticleHGroup: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
20
- ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
20
+ ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
21
21
  } & import("@ark-ui/react").PolymorphicProps>, {}>;
22
22
  export declare const ArticleHeader: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
23
- ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
23
+ ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
24
24
  } & import("@ark-ui/react").PolymorphicProps>, {}>;
25
25
  export declare const ArticleFooter: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
26
- ref?: ((instance: HTMLElement | null) => void) | import("react").RefObject<HTMLElement> | null | undefined;
26
+ ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
27
27
  } & import("@ark-ui/react").PolymorphicProps>, {}>;
28
28
  interface ArticleTitleProps {
29
29
  heartButton?: ReactNode;
package/lib/ContentTypeBadge/ContentTypeBadgeNew.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { BadgeProps, type BadgeVariant } from "@ndla/primitives";
10
9
  import * as contentTypes from "../model/ContentType";
11
10
  export interface ContentTypeBadgeProps extends Omit<BadgeProps, "colorTheme"> {
package/lib/ContentTypeBlockQuote/ContentTypeBlockQuote.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { BlockQuoteProps } from "@ndla/primitives";
10
9
  import { ContentType } from "../ContentTypeBadge/ContentTypeBadgeNew";
11
10
  export type ContentTypeBlockQuoteVariant = "colored" | "neutral";
package/lib/ContentTypeFramedContent/ContentTypeFramedContent.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { FramedContentProps } from "@ndla/primitives";
10
9
  import { ContentType } from "..";
11
10
  export type ContentTypeFramedContentVariant = "colored" | "neutral";
package/lib/ContentTypeHero/ContentTypeHero.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { HeroProps, HeroVariant } from "@ndla/primitives";
10
9
  import { ContentType } from "../ContentTypeBadge/ContentTypeBadgeNew";
11
10
  export declare const contentTypeToHeroMap: Record<ContentType, HeroVariant>;
package/lib/Embed/ConceptEmbed.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { ConceptMetaData } from "@ndla/types-embed";
10
9
  import { RenderContext } from "./types";
11
10
  import { ConceptProps } from "../Concept/Concept";
package/lib/Embed/ConceptInlineTriggerButton.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  export declare const ConceptInlineTriggerButton: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
10
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
9
+ ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
11
10
  }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>, {}>;
package/lib/Embed/EmbedWrapper.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { type HTMLArkProps } from "@ark-ui/react";
10
9
  import { JsxStyleProps, RecipeVariantProps } from "@ndla/styled-system/types";
11
10
  declare const embedWrapperRecipe: import("@ndla/styled-system/types").RecipeRuntimeFn<{
@@ -23,7 +22,7 @@ declare const embedWrapperRecipe: import("@ndla/styled-system/types").RecipeRunt
23
22
  export type EmbedWrapperVariantProps = RecipeVariantProps<typeof embedWrapperRecipe>;
24
23
  export type EmbedWrapperProps = HTMLArkProps<"div"> & JsxStyleProps & EmbedWrapperVariantProps;
25
24
  export declare const EmbedWrapper: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("@ark-ui/react").PolymorphicProps & {
26
- consumeCss?: boolean | undefined;
25
+ consumeCss?: boolean;
27
26
  } & import("@ndla/styled-system/types").WithCss & {
28
27
  noClear?: boolean | undefined;
29
28
  } & import("react").RefAttributes<HTMLDivElement>>;
package/lib/Embed/InlineTriggerButton.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  export declare const InlineTriggerButton: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
10
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
9
+ ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
11
10
  }, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
package/lib/FileList/FileList.d.ts CHANGED
@@ -10,7 +10,7 @@ interface Props extends ComponentPropsWithoutRef<"div"> {
10
10
  }
11
11
  export declare const FileListWrapper: import("@ndla/styled-system/types").StyledComponent<"div", {}>;
12
12
  export declare const FileListItem: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
13
- ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
13
+ ref?: ((instance: HTMLLIElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLLIElement> | null | undefined;
14
14
  } & import("@ark-ui/react").PolymorphicProps>, {}>;
15
15
  export declare const FileListEmbed: ({ children, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
16
16
  export {};
package/lib/Gloss/Gloss.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { type StyledVariantProps } from "@ndla/styled-system/types";
10
9
  import type { IGlossData } from "@ndla/types-backend/concept-api";
11
10
  declare const StyledAccordionItem: import("@ndla/styled-system/types").StyledComponent<import("react").ForwardRefExoticComponent<import("@ndla/primitives").AccordionItemProps & import("react").RefAttributes<HTMLDivElement>>, {
package/lib/LicenseByline/LicenseLink.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { LicenseLocaleType } from "@ndla/licenses";
10
9
  import { SafeLinkProps } from "@ndla/safelink";
11
10
  interface Props extends Omit<SafeLinkProps, "to"> {
package/lib/TagSelector/TagSelector.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import type { CollectionItem } from "@ark-ui/react";
10
9
  import { ComboboxControlProps, ComboboxInputProps, ComboboxRootProps, TagsInputControlProps, TagsInputInputProps, TagsInputRootProps } from "@ndla/primitives";
11
10
  export type TagSelectorRootProps<T extends CollectionItem> = ComboboxRootProps<T> & TagsInputRootProps;
@@ -13,21 +12,21 @@ export declare const TagSelectorRoot: <T extends unknown>({ allowCustomValue, mu
13
12
  export type TagSelectorControlProps = ComboboxControlProps & TagsInputControlProps;
14
13
  export declare const TagSelectorLabel: ({ textStyle, fontWeight, ...props }: import("@ndla/primitives").ComboboxLabelProps) => import("react/jsx-runtime").JSX.Element;
15
14
  export declare const TagSelectorItemInput: import("react").ForwardRefExoticComponent<import("@ark-ui/react").TagsInputItemInputProps & {
16
- consumeCss?: boolean | undefined;
15
+ consumeCss?: boolean;
17
16
  } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLInputElement>>;
18
17
  export declare const TagSelectorTrigger: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxTriggerProps & {
19
- consumeCss?: boolean | undefined;
18
+ consumeCss?: boolean;
20
19
  } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
21
20
  export declare const TagSelectorControl: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxControlProps & {
22
- consumeCss?: boolean | undefined;
21
+ consumeCss?: boolean;
23
22
  } & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").TagsInputControlProps & import("react").RefAttributes<HTMLDivElement>>;
24
23
  export declare const TagSelectorClearTrigger: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxClearTriggerProps & {
25
- consumeCss?: boolean | undefined;
24
+ consumeCss?: boolean;
26
25
  } & import("@ndla/styled-system/types").WithCss & import("react").RefAttributes<HTMLButtonElement>>;
27
26
  export type TagSelectorInputProps = ComboboxInputProps & TagsInputInputProps;
28
27
  export declare const TagSelectorInputBase: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxInputProps & {
29
- consumeCss?: boolean | undefined;
28
+ consumeCss?: boolean;
30
29
  } & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").TagsInputInputProps & import("react").RefAttributes<HTMLInputElement>>;
31
30
  export declare const TagSelectorInput: import("react").ForwardRefExoticComponent<import("@ark-ui/react").ComboboxInputProps & {
32
- consumeCss?: boolean | undefined;
31
+ consumeCss?: boolean;
33
32
  } & import("@ndla/styled-system/types").WithCss & import("@ark-ui/react").TagsInputInputProps & import("react").RefAttributes<HTMLInputElement>>;
package/lib/ZendeskButton/ZendeskButton.d.ts CHANGED
@@ -5,7 +5,6 @@
5
5
  * LICENSE file in the root directory of this source tree.
6
6
  *
7
7
  */
8
- /// <reference types="react" />
9
8
  import { ButtonProps } from "@ndla/primitives";
10
9
  export interface ZendeskButtonProps extends ButtonProps {
11
10
  widgetKey: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ndla/ui",
3
- "version": "56.0.65-alpha.0",
3
+ "version": "56.0.66-alpha.0",
4
4
  "description": "UI component library for NDLA",
5
5
  "license": "GPL-3.0",
6
6
  "main": "lib/index.js",
@@ -33,11 +33,11 @@
33
33
  ],
34
34
  "dependencies": {
35
35
  "@ndla/core": "^5.0.2",
36
- "@ndla/icons": "^8.0.39-alpha.0",
36
+ "@ndla/icons": "^8.0.40-alpha.0",
37
37
  "@ndla/licenses": "^8.0.3-alpha.0",
38
- "@ndla/primitives": "^1.0.49-alpha.0",
39
- "@ndla/safelink": "^7.0.50-alpha.0",
40
- "@ndla/styled-system": "^0.0.24",
38
+ "@ndla/primitives": "^1.0.50-alpha.0",
39
+ "@ndla/safelink": "^7.0.51-alpha.0",
40
+ "@ndla/styled-system": "^0.0.25",
41
41
  "@ndla/util": "^5.0.0-alpha.0",
42
42
  "html-react-parser": "^5.1.8",
43
43
  "i18next-browser-languagedetector": "^7.1.0"
@@ -50,7 +50,7 @@
50
50
  "react-router-dom": "> 6.0.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@ndla/preset-panda": "^0.0.41",
53
+ "@ndla/preset-panda": "^0.0.42",
54
54
  "@ndla/types-backend": "^0.2.86",
55
55
  "@ndla/types-embed": "^5.0.4-alpha.0",
56
56
  "@pandacss/dev": "^0.46.0"
@@ -58,5 +58,5 @@
58
58
  "publishConfig": {
59
59
  "access": "public"
60
60
  },
61
- "gitHead": "826fcd4c36133dce16b1c0df31f0cce90678b65b"
61
+ "gitHead": "ed7db6433bf5c968357c3ab780e1cf37ce4d281c"
62
62
  }
package/src/FileList/FileList.stories.tsx CHANGED
@@ -7,8 +7,8 @@
7
7
  */
8
8
 
9
9
  import { Meta, StoryFn, StoryObj } from "@storybook/react";
10
- import { Pencil } from "@ndla/icons/action";
11
- import { DeleteForever, DragVertical } from "@ndla/icons/editor";
10
+ import { Pencil, DeleteBinLine } from "@ndla/icons/action";
11
+ import { DragVertical } from "@ndla/icons/editor";
12
12
  import { IconButton } from "@ndla/primitives";
13
13
  import { HStack, styled } from "@ndla/styled-system/jsx";
14
14
  import { File } from "./File";
@@ -119,7 +119,7 @@ export const FilesWithButtons: StoryObj<typeof File> = {
119
119
  <Pencil />
120
120
  </IconButton>
121
121
  <IconButton variant="clear">
122
- <DeleteForever />
122
+ <DeleteBinLine />
123
123
  </IconButton>
124
124
  </HStack>
125
125
  </FileListItem>
@@ -130,7 +130,7 @@ export const FilesWithButtons: StoryObj<typeof File> = {
130
130
  <Pencil />
131
131
  </IconButton>
132
132
  <IconButton variant="clear">
133
- <DeleteForever />
133
+ <DeleteBinLine />
134
134
  </IconButton>
135
135
  </HStack>
136
136
  </FileListItem>