@bonniernews/dn-design-system-web 32.7.43 → 32.7.45

package/types-lib/ds-color.d.ts

@@ -1,100 +1,100 @@
 export enum DsColorEnum {
-  "surface-foreground" = "surface-foreground",
-  "surface-primary" = "surface-primary",
-  "surface-media" = "surface-media",
-  "surface-primary-raised-soft" = "surface-primary-raised-soft",
-  "surface-primary-raised-strong" = "surface-primary-raised-strong",
-  "surface-primary-elevated" = "surface-primary-elevated",
-  "surface-primaryinvert" = "surface-primaryinvert",
-  "surface-primaryinvert-raised-soft" = "surface-primaryinvert-raised-soft",
-  "surface-primaryinvert-elevated" = "surface-primaryinvert-elevated",
-  "surface-brand" = "surface-brand",
-  "surface-success" = "surface-success",
-  "surface-culture" = "surface-culture",
-  "surface-breaking" = "surface-breaking",
-  "surface-overlay" = "surface-overlay",
-  "surface-ad-yellow" = "surface-ad-yellow",
-  "surface-native-article" = "surface-native-article",
-  "surface-quiz" = "surface-quiz",
-  "border-primary" = "border-primary",
-  "border-primary-strong" = "border-primary-strong",
-  "border-primary-strongest" = "border-primary-strongest",
-  "border-primaryinvert" = "border-primaryinvert",
-  "border-primaryinvert-strong" = "border-primaryinvert-strong",
-  "border-primaryinvert-strongest" = "border-primaryinvert-strongest",
-  "border-brand" = "border-brand",
-  "border-culture" = "border-culture",
-  "text-primary" = "text-primary",
-  "text-primary-subtle" = "text-primary-subtle",
-  "text-primary-disabled" = "text-primary-disabled",
-  "text-primaryinvert" = "text-primaryinvert",
-  "text-primaryinvert-subtle" = "text-primaryinvert-subtle",
-  "text-primaryinvert-disabled" = "text-primaryinvert-disabled",
-  "text-brand" = "text-brand",
-  "text-culture" = "text-culture",
-  "text-critical" = "text-critical",
-  "text-success" = "text-success",
-  "text-on-brand" = "text-on-brand",
-  "text-body-link" = "text-body-link",
-  "text-body-link-visited" = "text-body-link-visited",
-  "gradients-primary-start" = "gradients-primary-start",
-  "gradients-primary-end" = "gradients-primary-end",
-  "gradients-overlay-start" = "gradients-overlay-start",
-  "gradients-overlay-end" = "gradients-overlay-end",
-  "brand-0" = "brand-0",
-  "brand-100" = "brand-100",
-  "brand-200" = "brand-200",
-  "brand-300" = "brand-300",
-  "brand-400" = "brand-400",
-  "brand-500" = "brand-500",
-  "brand-600" = "brand-600",
-  "brand-700" = "brand-700",
-  "brand-800" = "brand-800",
-  "brand-900" = "brand-900",
-  "brand-1000" = "brand-1000",
-  "brand-1100" = "brand-1100",
-  "culture-0" = "culture-0",
-  "culture-100" = "culture-100",
-  "culture-200" = "culture-200",
-  "culture-300" = "culture-300",
-  "culture-400" = "culture-400",
-  "culture-500" = "culture-500",
-  "culture-600" = "culture-600",
-  "culture-700" = "culture-700",
-  "culture-800" = "culture-800",
-  "culture-900" = "culture-900",
-  "culture-1000" = "culture-1000",
-  "culture-1100" = "culture-1100",
-  "neutral-100" = "neutral-100",
-  "neutral-200" = "neutral-200",
-  "neutral-300" = "neutral-300",
-  "neutral-400" = "neutral-400",
-  "neutral-500" = "neutral-500",
-  "neutral-600" = "neutral-600",
-  "neutral-700" = "neutral-700",
-  "neutral-800" = "neutral-800",
-  "neutral-900" = "neutral-900",
-  "neutral-1000" = "neutral-1000",
-  "neutral-1100" = "neutral-1100",
-  "neutral-white" = "neutral-white",
-  "neutral-050" = "neutral-050",
-  "neutral-black" = "neutral-black"
+  'surface-foreground' = 'surface-foreground',
+  'surface-primary' = 'surface-primary',
+  'surface-media' = 'surface-media',
+  'surface-primary-raised-soft' = 'surface-primary-raised-soft',
+  'surface-primary-raised-strong' = 'surface-primary-raised-strong',
+  'surface-primary-elevated' = 'surface-primary-elevated',
+  'surface-primaryinvert' = 'surface-primaryinvert',
+  'surface-primaryinvert-raised-soft' = 'surface-primaryinvert-raised-soft',
+  'surface-primaryinvert-elevated' = 'surface-primaryinvert-elevated',
+  'surface-brand' = 'surface-brand',
+  'surface-success' = 'surface-success',
+  'surface-culture' = 'surface-culture',
+  'surface-breaking' = 'surface-breaking',
+  'surface-overlay' = 'surface-overlay',
+  'surface-ad-yellow' = 'surface-ad-yellow',
+  'surface-native-article' = 'surface-native-article',
+  'surface-quiz' = 'surface-quiz',
+  'border-primary' = 'border-primary',
+  'border-primary-strong' = 'border-primary-strong',
+  'border-primary-strongest' = 'border-primary-strongest',
+  'border-primaryinvert' = 'border-primaryinvert',
+  'border-primaryinvert-strong' = 'border-primaryinvert-strong',
+  'border-primaryinvert-strongest' = 'border-primaryinvert-strongest',
+  'border-brand' = 'border-brand',
+  'border-culture' = 'border-culture',
+  'text-primary' = 'text-primary',
+  'text-primary-subtle' = 'text-primary-subtle',
+  'text-primary-disabled' = 'text-primary-disabled',
+  'text-primaryinvert' = 'text-primaryinvert',
+  'text-primaryinvert-subtle' = 'text-primaryinvert-subtle',
+  'text-primaryinvert-disabled' = 'text-primaryinvert-disabled',
+  'text-brand' = 'text-brand',
+  'text-culture' = 'text-culture',
+  'text-critical' = 'text-critical',
+  'text-success' = 'text-success',
+  'text-on-brand' = 'text-on-brand',
+  'text-body-link' = 'text-body-link',
+  'text-body-link-visited' = 'text-body-link-visited',
+  'gradients-primary-start' = 'gradients-primary-start',
+  'gradients-primary-end' = 'gradients-primary-end',
+  'gradients-overlay-start' = 'gradients-overlay-start',
+  'gradients-overlay-end' = 'gradients-overlay-end',
+  'brand-0' = 'brand-0',
+  'brand-100' = 'brand-100',
+  'brand-200' = 'brand-200',
+  'brand-300' = 'brand-300',
+  'brand-400' = 'brand-400',
+  'brand-500' = 'brand-500',
+  'brand-600' = 'brand-600',
+  'brand-700' = 'brand-700',
+  'brand-800' = 'brand-800',
+  'brand-900' = 'brand-900',
+  'brand-1000' = 'brand-1000',
+  'brand-1100' = 'brand-1100',
+  'culture-0' = 'culture-0',
+  'culture-100' = 'culture-100',
+  'culture-200' = 'culture-200',
+  'culture-300' = 'culture-300',
+  'culture-400' = 'culture-400',
+  'culture-500' = 'culture-500',
+  'culture-600' = 'culture-600',
+  'culture-700' = 'culture-700',
+  'culture-800' = 'culture-800',
+  'culture-900' = 'culture-900',
+  'culture-1000' = 'culture-1000',
+  'culture-1100' = 'culture-1100',
+  'neutral-100' = 'neutral-100',
+  'neutral-200' = 'neutral-200',
+  'neutral-300' = 'neutral-300',
+  'neutral-400' = 'neutral-400',
+  'neutral-500' = 'neutral-500',
+  'neutral-600' = 'neutral-600',
+  'neutral-700' = 'neutral-700',
+  'neutral-800' = 'neutral-800',
+  'neutral-900' = 'neutral-900',
+  'neutral-1000' = 'neutral-1000',
+  'neutral-1100' = 'neutral-1100',
+  'neutral-white' = 'neutral-white',
+  'neutral-050' = 'neutral-050',
+  'neutral-black' = 'neutral-black',
 }
-export type DsColor = keyof typeof DsColorEnum;
+export type DsColor = keyof typeof DsColorEnum
 
 export enum DsColorIconEnum {
-  "text-primary" = "text-primary",
-  "text-primary-subtle" = "text-primary-subtle",
-  "text-primary-disabled" = "text-primary-disabled",
-  "text-primaryinvert" = "text-primaryinvert",
-  "text-primaryinvert-subtle" = "text-primaryinvert-subtle",
-  "text-primaryinvert-disabled" = "text-primaryinvert-disabled",
-  "text-brand" = "text-brand",
-  "text-culture" = "text-culture",
-  "text-critical" = "text-critical",
-  "text-success" = "text-success",
-  "text-on-brand" = "text-on-brand",
-  "text-body-link" = "text-body-link",
-  "text-body-link-visited" = "text-body-link-visited"
+  'text-primary' = 'text-primary',
+  'text-primary-subtle' = 'text-primary-subtle',
+  'text-primary-disabled' = 'text-primary-disabled',
+  'text-primaryinvert' = 'text-primaryinvert',
+  'text-primaryinvert-subtle' = 'text-primaryinvert-subtle',
+  'text-primaryinvert-disabled' = 'text-primaryinvert-disabled',
+  'text-brand' = 'text-brand',
+  'text-culture' = 'text-culture',
+  'text-critical' = 'text-critical',
+  'text-success' = 'text-success',
+  'text-on-brand' = 'text-on-brand',
+  'text-body-link' = 'text-body-link',
+  'text-body-link-visited' = 'text-body-link-visited',
 }
-export type DsColorIcon = keyof typeof DsColorIconEnum;
+export type DsColorIcon = keyof typeof DsColorIconEnum

package/types-lib/ds-icon.d.ts

@@ -1,100 +1,100 @@
 export enum DsIconEnum {
-  "add" = "add",
-  "arrow_back" = "arrow_back",
-  "arrow_forward" = "arrow_forward",
-  "arrow_outward" = "arrow_outward",
-  "arrow_upward" = "arrow_upward",
-  "autoplay" = "autoplay",
-  "bookmark-filled" = "bookmark-filled",
-  "bookmarked" = "bookmarked",
-  "campaign" = "campaign",
-  "cancel" = "cancel",
-  "celebration" = "celebration",
-  "check_box_outline_blank" = "check_box_outline_blank",
-  "check_box-filled" = "check_box-filled",
-  "check_circle" = "check_circle",
-  "check" = "check",
-  "chevron_down" = "chevron_down",
-  "chevron_left" = "chevron_left",
-  "chevron_right" = "chevron_right",
-  "close" = "close",
-  "comment" = "comment",
-  "delete" = "delete",
-  "download" = "download",
-  "edit" = "edit",
-  "expand_less" = "expand_less",
-  "expand_more" = "expand_more",
-  "facebook" = "facebook",
-  "favorite-filled" = "favorite-filled",
-  "favorite" = "favorite",
-  "feed" = "feed",
-  "feedback" = "feedback",
-  "filter_list" = "filter_list",
-  "filter_none" = "filter_none",
-  "format_size" = "format_size",
-  "forward_10" = "forward_10",
-  "forward_30" = "forward_30",
-  "fullscreen" = "fullscreen",
-  "grid_view" = "grid_view",
-  "headphones-filled" = "headphones-filled",
-  "headphones" = "headphones",
-  "history" = "history",
-  "home-filled" = "home-filled",
-  "home" = "home",
-  "info-filled" = "info-filled",
-  "info" = "info",
-  "instagram" = "instagram",
-  "integrity" = "integrity",
-  "ios_share" = "ios_share",
-  "link" = "link",
-  "lock" = "lock",
-  "login" = "login",
-  "logout" = "logout",
-  "mail" = "mail",
-  "manage_accounts-filled" = "manage_accounts-filled",
-  "manage_accounts" = "manage_accounts",
-  "mark_email_unread" = "mark_email_unread",
-  "memory" = "memory",
-  "menu-filled" = "menu-filled",
-  "menu" = "menu",
-  "mode_comment" = "mode_comment",
-  "more_horiz" = "more_horiz",
-  "mystery" = "mystery",
-  "newsmode" = "newsmode",
-  "notifications_off" = "notifications_off",
-  "notifications" = "notifications",
-  "pause" = "pause",
-  "person" = "person",
-  "play_arrow-filled" = "play_arrow-filled",
-  "play_arrow" = "play_arrow",
-  "print" = "print",
-  "priority_high" = "priority_high",
-  "push_pin" = "push_pin",
-  "queue_music" = "queue_music",
-  "quiz" = "quiz",
-  "radio_button_checked" = "radio_button_checked",
-  "radio_button_unchecked" = "radio_button_unchecked",
-  "redeem" = "redeem",
-  "refresh" = "refresh",
-  "replay_10" = "replay_10",
-  "replay_30" = "replay_30",
-  "schedule_filled" = "schedule_filled",
-  "schedule" = "schedule",
-  "search_off" = "search_off",
-  "search" = "search",
-  "settings" = "settings",
-  "share" = "share",
-  "support_agent" = "support_agent",
-  "system_update" = "system_update",
-  "twitter" = "twitter",
-  "user_policy" = "user_policy",
-  "view_list" = "view_list",
-  "vip" = "vip",
-  "visibility_off" = "visibility_off",
-  "visibility" = "visibility",
-  "volume_off" = "volume_off",
-  "volume_up" = "volume_up",
-  "wifi_off" = "wifi_off",
-  "x" = "x"
+  'add' = 'add',
+  'arrow_back' = 'arrow_back',
+  'arrow_forward' = 'arrow_forward',
+  'arrow_outward' = 'arrow_outward',
+  'arrow_upward' = 'arrow_upward',
+  'autoplay' = 'autoplay',
+  'bookmark-filled' = 'bookmark-filled',
+  'bookmarked' = 'bookmarked',
+  'campaign' = 'campaign',
+  'cancel' = 'cancel',
+  'celebration' = 'celebration',
+  'check_box_outline_blank' = 'check_box_outline_blank',
+  'check_box-filled' = 'check_box-filled',
+  'check_circle' = 'check_circle',
+  'check' = 'check',
+  'chevron_down' = 'chevron_down',
+  'chevron_left' = 'chevron_left',
+  'chevron_right' = 'chevron_right',
+  'close' = 'close',
+  'comment' = 'comment',
+  'delete' = 'delete',
+  'download' = 'download',
+  'edit' = 'edit',
+  'expand_less' = 'expand_less',
+  'expand_more' = 'expand_more',
+  'facebook' = 'facebook',
+  'favorite-filled' = 'favorite-filled',
+  'favorite' = 'favorite',
+  'feed' = 'feed',
+  'feedback' = 'feedback',
+  'filter_list' = 'filter_list',
+  'filter_none' = 'filter_none',
+  'format_size' = 'format_size',
+  'forward_10' = 'forward_10',
+  'forward_30' = 'forward_30',
+  'fullscreen' = 'fullscreen',
+  'grid_view' = 'grid_view',
+  'headphones-filled' = 'headphones-filled',
+  'headphones' = 'headphones',
+  'history' = 'history',
+  'home-filled' = 'home-filled',
+  'home' = 'home',
+  'info-filled' = 'info-filled',
+  'info' = 'info',
+  'instagram' = 'instagram',
+  'integrity' = 'integrity',
+  'ios_share' = 'ios_share',
+  'link' = 'link',
+  'lock' = 'lock',
+  'login' = 'login',
+  'logout' = 'logout',
+  'mail' = 'mail',
+  'manage_accounts-filled' = 'manage_accounts-filled',
+  'manage_accounts' = 'manage_accounts',
+  'mark_email_unread' = 'mark_email_unread',
+  'memory' = 'memory',
+  'menu-filled' = 'menu-filled',
+  'menu' = 'menu',
+  'mode_comment' = 'mode_comment',
+  'more_horiz' = 'more_horiz',
+  'mystery' = 'mystery',
+  'newsmode' = 'newsmode',
+  'notifications_off' = 'notifications_off',
+  'notifications' = 'notifications',
+  'pause' = 'pause',
+  'person' = 'person',
+  'play_arrow-filled' = 'play_arrow-filled',
+  'play_arrow' = 'play_arrow',
+  'print' = 'print',
+  'priority_high' = 'priority_high',
+  'push_pin' = 'push_pin',
+  'queue_music' = 'queue_music',
+  'quiz' = 'quiz',
+  'radio_button_checked' = 'radio_button_checked',
+  'radio_button_unchecked' = 'radio_button_unchecked',
+  'redeem' = 'redeem',
+  'refresh' = 'refresh',
+  'replay_10' = 'replay_10',
+  'replay_30' = 'replay_30',
+  'schedule_filled' = 'schedule_filled',
+  'schedule' = 'schedule',
+  'search_off' = 'search_off',
+  'search' = 'search',
+  'settings' = 'settings',
+  'share' = 'share',
+  'support_agent' = 'support_agent',
+  'system_update' = 'system_update',
+  'twitter' = 'twitter',
+  'user_policy' = 'user_policy',
+  'view_list' = 'view_list',
+  'vip' = 'vip',
+  'visibility_off' = 'visibility_off',
+  'visibility' = 'visibility',
+  'volume_off' = 'volume_off',
+  'volume_up' = 'volume_up',
+  'wifi_off' = 'wifi_off',
+  'x' = 'x',
 }
-export type DsIcon = keyof typeof DsIconEnum;
+export type DsIcon = keyof typeof DsIconEnum

package/introduction/README-UXD.md

@@ -1 +0,0 @@
-## UXD documentation

package/preact/assets/types/shared-props.d.ts

@@ -1,6 +0,0 @@
-export interface SharedProps {
-    /** Ex. "my-special-class" */
-    classNames?: string;
-    /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */
-    attributes?: Record<string, unknown>;
-}

package/preact/assets/types/teaser-props.d.ts

@@ -1,44 +0,0 @@
-import { ComponentChild } from 'preact';
-import type { SharedProps } from '@bonniernews/dn-design-system-web/assets/types/shared-props.ts';
-export interface TeaserProps extends SharedProps {
-    /** Heading of the teaser */
-    title: string;
-    /** Target URL for the teaser */
-    targetLink: string;
-    /** Variant of the teaser */
-    variant?: "default" | "podcast" | "insandare" | "direkt";
-    /** The area where the column is rendered */
-    areaType?: "right" | "bauta" | "bautaxl";
-    /** The theme-class to apply to the teaser */
-    theme?: "nyheter" | "kultur";
-    /** Teaser subtext */
-    text?: string;
-    /** Top text in the teaser */
-    vignette?: string;
-    /** Text before the heading */
-    highlight?: string;
-    /** Red text before the text */
-    sticker?: string;
-    /** Main image or other media */
-    media?: ComponentChild;
-    /** Flag so we can handle square teaser images */
-    isSquareImage?: boolean;
-    /** Image of the author */
-    bylinePicture?: ComponentChild;
-    /** If the headline should be italic */
-    isItalicHeadline?: boolean;
-    /** If the headline should be large (only if `isItalicHeadline` is true) */
-    isLargeHeadline?: boolean;
-    /** If there should be a flashing ball before the text */
-    isFlashingDot?: boolean;
-    /** Publication time text */
-    publicationTime?: string;
-    /** Duration of podcast */
-    duration?: string;
-    /** Byline aspect ratio */
-    bylineAspectRatio?: string;
-    /** Byline HTML */
-    bylineHtml?: string;
-    /** Shows in teaser footer */
-    sectionName?: string;
-}

package/preact/foundations/a11y/visually-hidden.d.ts

@@ -1,4 +0,0 @@
-export interface VisuallyHiddenProps {
-    text: string;
-}
-export declare const VisuallyHidden: ({ text }: VisuallyHiddenProps) => import("preact").JSX.Element;

package/preact/foundations/icons/grade-icon.d.ts

@@ -1,9 +0,0 @@
-import type { SharedProps } from "@bonniernews/dn-design-system-web/assets/types/shared-props.ts";
-export type GradeValue = 'zero' | 'one' | 'two' | 'three' | 'four' | 'five';
-type GradeType = 'scale' | 'single';
-export interface GradeProps extends SharedProps {
-    grade: GradeValue;
-    type: GradeType;
-}
-export declare const Grade: ({ grade, type, classNames, attributes }: GradeProps) => import("preact").JSX.Element;
-export {};

package/preact/helpers/formatClassString.d.ts

@@ -1 +0,0 @@
-export declare const formatClassString: (classesArray: (string | undefined | false)[]) => string;

package/preact/helpers/stringToHtml.d.ts

@@ -1,6 +0,0 @@
-import { FunctionalComponent } from "preact";
-interface StringToHtmlProps {
-    htmlString: string;
-}
-export declare const StringToHtml: FunctionalComponent<StringToHtmlProps>;
-export {};

package/preact/helpers/teaser.d.ts

@@ -1,21 +0,0 @@
-import { ComponentChildren } from "preact";
-import type { TeaserProps } from "@bonniernews/dn-design-system-web/assets/types/teaser-props.ts";
-interface MediaProps extends Pick<TeaserProps, 'media' | 'isSquareImage'> {
-    rounded?: boolean;
-}
-export declare const Media: ({ media, rounded, isSquareImage }: MediaProps) => import("preact").JSX.Element | null;
-interface ContentProps extends Pick<TeaserProps, 'bylinePicture'> {
-    children: ComponentChildren;
-    bylinePicture?: ComponentChildren;
-}
-export declare const Content: ({ children, bylinePicture }: ContentProps) => import("preact").JSX.Element;
-interface TitleProps extends Pick<TeaserProps, 'title' | 'highlight' | 'isItalicHeadline'> {
-}
-export declare const Title: ({ title, highlight, isItalicHeadline }: TitleProps) => import("preact").JSX.Element | null;
-interface BodyProps extends Pick<TeaserProps, 'sticker' | 'text' | 'isFlashingDot'> {
-}
-export declare const Body: ({ text, sticker, isFlashingDot }: BodyProps) => import("preact").JSX.Element | null;
-interface VignetteProps extends Pick<TeaserProps, 'vignette' | 'variant'> {
-}
-export declare const Vignette: ({ vignette, variant }: VignetteProps) => import("preact").JSX.Element | null;
-export {};