New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@bonniernews/dn-design-system-web

Package Overview
Dependencies
Maintainers
37
Versions
521
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@bonniernews/dn-design-system-web - npm Package Compare versions

Comparing version 25.0.6-beta.1 to 25.0.6-beta.2

2

components/factbox/README.md

@@ -16,3 +16,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/factbox](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/factbox)

|bodyHtml | HTML String | yes | | | |
|theme | String | no | default, kultur, nyheter, sport, ekonomi | | Design theme |
|theme | String | no | default, kultur, nyheter | | Design theme |
|grade | String | no | | | zero, one, two, three, four, five, none |

@@ -19,0 +19,0 @@ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -14,3 +14,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/quote](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/quote)

|bodyHtml | HTML String | yes | | | |
|theme | String | no | default, kultur, nyheter, sport, ekonomi | | Design theme |
|theme | String | no | default, kultur, nyheter | | Design theme |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -17,0 +17,0 @@ |classNames | String | no | | | Ex. "my-special-class" |

@@ -12,3 +12,3 @@ Quote

| bodyHtml\* | string | \- |
| theme | "kultur", "nyheter", "sport", "ekonomi", "sthlm" | "nyheter" |
| theme | "kultur", "nyheter" | "nyheter" |
| classNames | string | \- |

@@ -15,0 +15,0 @@ | attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />object | \- |

@@ -19,3 +19,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/tag-header](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/tag-header)

|articleCount | int | no | | | Total articles on this list-page |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the vignette |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the vignette |
|toggle | Bool | no | true, false | false | Show/hide toggle button |

@@ -22,0 +22,0 @@ |toggleText | text | no | | | `text` parameter to ToggleButton (only if `toggle` is enabled) |

@@ -17,3 +17,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-card](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-card)

|areaType | String | no | '', 'right', 'bauta', 'bautaxl' | '' | The area the teaser will be rendered in |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|classNames | String | no | | | Ex. "ds-teaser--large" |

@@ -20,0 +20,0 @@ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -13,3 +13,3 @@ TeaserCard

| targetLink | string | \- |
| theme | "kultur", "nyheter", "sport", "ekonomi", "sthlm" | "nyheter" |
| theme | "kultur", "nyheter" | "nyheter" |
| classes | string | \- |

@@ -16,0 +16,0 @@ | attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />object | \- |

@@ -18,3 +18,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-centered](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-centered)

|areaType | String | no | "right" or "bauta" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|text | String | no | | | Teaser subtext |

@@ -21,0 +21,0 @@ |vignette | String | no | | | Top text in the teaser |

@@ -17,3 +17,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-large](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-large)

|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|text | String | no | | | Teaser subtext |

@@ -20,0 +20,0 @@ |vignette | String | no | | | Top text in the teaser |

@@ -17,3 +17,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-list-swipe](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-list-swipe)

|arrowPosition | String | no | "floating", "header" | "header" | Determines where the scroll arrows are rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|teasers | Object | yes | | | A list of arguments to TeaserSwipeCard |

@@ -20,0 +20,0 @@ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -18,3 +18,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-list-vertical](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-list-vertical)

|~areaType~ | String | no | "right" or "bauta" or "bautaxl" | | Not implemented |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to _all_ teasers in the list. |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to _all_ teasers in the list. |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -37,3 +37,2 @@ |classNames | String | no | | | Ex. "my-special-class" |

flexible: true,
theme: "ekonomi",
teasers: [ { title: 'Malmö var det enda rimliga valet för Eurovision', targetLink: '#', highlight: 'Hanna Fahl:', publicationTime: 'I GÅR 12:28', sectionName: 'Kultur', attributes: { "data-test": "list-item-test-data" } } ]

@@ -40,0 +39,0 @@ })}}

@@ -20,3 +20,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-onsite](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-onsite)

|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|text | String | no | | | Teaser subtext |

@@ -23,0 +23,0 @@ |mediaHtml | HTML String | no | | | Main image or other media |

@@ -17,3 +17,3 @@ TeaserOnsite

| targetLink | string | \- |
| theme | "kultur", "nyheter", "sport", "ekonomi", "sthlm" | "nyheter" |
| theme | "kultur", "nyheter" | "nyheter" |
| classNames | string | \- |

@@ -20,0 +20,0 @@ | attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />object | \- |

@@ -18,3 +18,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-package](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-package)

|areaType | String | no | "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -21,0 +21,0 @@ |classNames | String | no | | | Ex. "my-special-class" |

@@ -15,3 +15,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-right-now](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-right-now)

|targetLink | String | yes | | | Target URL for the teaser |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -18,0 +18,0 @@ |classNames | String | no | | | Ex. "my-special-class" |

@@ -16,3 +16,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-slideshow](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-slideshow)

|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|mediaHtml | HTML String | no | | | Gallery html |

@@ -19,0 +19,0 @@ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -14,3 +14,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-split](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-split)

|teasersHtml | HTML String | yes | | | HTML teaser output |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme is applied to all teasers in the container |
|theme | String | no | nyheter, kultur | (empty) | The theme is applied to all teasers in the container |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -17,0 +17,0 @@ |classNames | String | no | | | Ex. "my-special-class" |

@@ -17,3 +17,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-split](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-split)

|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|text | String | no | | | Teaser subtext |

@@ -20,0 +20,0 @@ |vignette | String | no | | | Top text in the teaser |

@@ -17,3 +17,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-standard](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-standard)

|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|text | String | no | | | Teaser subtext |

@@ -20,0 +20,0 @@ |vignette | String | no | | | Top text in the teaser |

@@ -19,3 +19,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-tipsa](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-tipsa)

|areaType | String | no | "right" or "bauta" or "bautaxl" | | The area where the column is rendered |
|theme | String | no | nyheter, kultur, ekonomi, sport, sthlm | (empty) | The theme-class to apply to the teaser |
|theme | String | no | nyheter, kultur | (empty) | The theme-class to apply to the teaser |
|attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |

@@ -22,0 +22,0 @@ |classNames | String | no | | | Ex. "my-special-class" |

{
"name": "@bonniernews/dn-design-system-web",
"version": "25.0.6-beta.1",
"version": "25.0.6-beta.2",
"description": "DN design system for web.",

@@ -5,0 +5,0 @@ "type": "module",

export interface QuoteProps {
bodyHtml: string;
theme?: 'kultur' | 'nyheter' | 'sport' | 'ekonomi' | 'sthlm';
theme?: 'kultur' | 'nyheter';
classNames?: string;

@@ -5,0 +5,0 @@ /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */

@@ -5,3 +5,3 @@ import { ComponentChildren } from "preact";

targetLink?: string;
theme?: 'kultur' | 'nyheter' | 'sport' | 'ekonomi' | 'sthlm';
theme?: 'kultur' | 'nyheter';
classes?: string;

@@ -8,0 +8,0 @@ /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */

export interface TeaserOnSiteProps {
areaType?: 'right' | 'bauta' | 'bautaxl';
targetLink?: string;
theme?: 'kultur' | 'nyheter' | 'sport' | 'ekonomi' | 'sthlm';
theme?: 'kultur' | 'nyheter';
classNames?: string;

@@ -6,0 +6,0 @@ /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc