@bonniernews/dn-design-system-web
Advanced tools
Comparing version 25.0.6-beta.1 to 25.0.6-beta.2
@@ -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
2280663