@bonniernews/dn-design-system-web 4.0.1-alpha.0 → 4.1.0-alpha.1

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 (54) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/components/article-body-image/README.md +2 -1
  3. package/components/article-top-image/README.md +2 -1
  4. package/components/badge/README.md +2 -2
  5. package/components/blocked-content/README.md +7 -5
  6. package/components/blocked-content/blocked-content.js +16 -8
  7. package/components/blocked-content/blocked-content.njk +4 -1
  8. package/components/blocked-content/blocked-content.scss +8 -0
  9. package/components/buddy-menu/README.md +2 -1
  10. package/components/button/README.md +3 -2
  11. package/components/button-toggle/README.md +2 -1
  12. package/components/byline/README.md +2 -2
  13. package/components/checkbox/README.md +2 -1
  14. package/components/disclaimer/README.md +3 -3
  15. package/components/divider/README.md +2 -1
  16. package/components/factbox/README.md +2 -2
  17. package/components/footer/README.md +12 -11
  18. package/components/icon-button/README.md +3 -2
  19. package/components/icon-button-toggle/README.md +5 -4
  20. package/components/icon-sprite/README.md +3 -2
  21. package/components/icon-with-wrapper/README.md +4 -3
  22. package/components/image-caption/README.md +2 -1
  23. package/components/list-item/README-accordion.md +3 -2
  24. package/components/list-item/README-checkbox.md +2 -1
  25. package/components/list-item/README-radio.md +2 -1
  26. package/components/list-item/README-switch.md +3 -2
  27. package/components/list-item/README-toggle.md +2 -1
  28. package/components/list-item/README.md +4 -3
  29. package/components/pictogram/README.md +3 -2
  30. package/components/quote/README.md +2 -1
  31. package/components/radio-button/README.md +2 -1
  32. package/components/spinner/README.md +2 -1
  33. package/components/switch/README.md +2 -1
  34. package/components/teaser-dot/README.md +2 -1
  35. package/components/teaser-image/README.md +2 -3
  36. package/components/teaser-large/README.md +2 -2
  37. package/components/teaser-list-timeline/README.md +2 -2
  38. package/components/teaser-native/README.md +2 -2
  39. package/components/teaser-onsite/README.md +2 -2
  40. package/components/teaser-package/README.md +2 -2
  41. package/components/teaser-right-now/README.md +2 -2
  42. package/components/teaser-slideshow/README.md +2 -2
  43. package/components/teaser-split/README-container.md +2 -2
  44. package/components/teaser-split/README.md +2 -2
  45. package/components/teaser-standard/README.md +2 -2
  46. package/components/teaser-tipsa/README.md +2 -2
  47. package/components/text-button/README.md +3 -2
  48. package/components/text-button-toggle/README.md +4 -3
  49. package/components/text-input/README.md +2 -2
  50. package/components/thematic-break/README.md +2 -1
  51. package/components/video-caption/README.md +2 -2
  52. package/components/vip-badge/README.md +2 -2
  53. package/foundations/helpers/README-links.md +2 -1
  54. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,23 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## 4.1.0-alpha.1 (2023-08-24)
7
+
8
+ **Note:** Version bump only for package @bonniernews/dn-design-system-web
9
+
10
+
11
+
12
+
13
+
14
+ ## 4.1.0-alpha.0 (2023-08-23)
15
+
16
+
17
+ ### Features
18
+
19
+ * **web:** add link to blockedcontent ([#919](https://github.com/BonnierNews/dn-design-system/issues/919)) ([98c0d92](https://github.com/BonnierNews/dn-design-system/commit/98c0d92d6ce19c2e3b42ed97f142374662b02fc4))
20
+
21
+
22
+
6
23
  ## 4.0.1-alpha.0 (2023-08-21)
7
24
 
8
25
 
package/components/article-body-image/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/article-body-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/article-body-image)
2
- - Storybook: [ArticleBodyImage > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-image-bodyimage-web--article-body-image)
2
+ - Storybook: [ArticleBodyImage](https://designsystem.dn.se/?path=/docs/article-articlebodyimage--docs)
3
+ - Storybook (Latest): [ArticleBodyImage](https://designsystem-latest.dn.se/?path=/docs/article-articlebodyimage--docs)
3
4
 
4
5
  ----
5
6
 
package/components/article-top-image/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/article-top-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/article-top-image)
2
- - Storybook: [ArticleTopImage > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-image-topimage-web--article-top-image)
2
+ - Storybook: [ArticleTopImage](https://designsystem.dn.se/?path=/docs/article-articletopimage--docs)
3
+ - Storybook (Latest): [ArticleTopImage](https://designsystem-latest.dn.se/?path=/docs/article-articletopimage--docs)
3
4
 
4
5
  ----
5
6
 
package/components/badge/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/badge](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/badge)
2
- - Storybook: [Badge > Badge > Web](https://designsystem.dn.se/?path=/story/components-app-web-badge-badge-web)
3
- - Storybook: [Badge > BadgeWithFigure > Web ](https://designsystem.dn.se/?path=/story/components-app-web-badge-badgewithfigure-web)
2
+ - Storybook: [Badge](https://designsystem.dn.se/?path=/docs/basic-badge--docs)
3
+ - Storybook (Latest): [Badge](https://designsystem-latest.dn.se/?path=/docs/basic-badge--docs)
4
4
 
5
5
  ----
6
6
 
package/components/blocked-content/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/blocked-content](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/blocked-content)
2
- - Storybook (PROD): [BlockedContent > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-blocked-content-web--standard)
3
- - Storybook (LATEST): [BlockedContent > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-article-components-blocked-content-web--standard)
2
+ - Storybook: [BlockedContent](https://designsystem.dn.se/?path=/docs/article-blockedcontent--docs)
3
+ - Storybook (Latest): [BlockedContent](https://designsystem-latest.dn.se/?path=/docs/article-blockedcontent--docs)
4
4
 
5
5
  ----
6
6
 
@@ -14,6 +14,7 @@ This component is available as either a Nunjuck component or a JavaScript compon
14
14
  |:--- | :--- | :--- | :--- | :--- | :--- |
15
15
  |title | String | yes | | | |
16
16
  |body | HTML String | yes | | | |
17
+ |link | String | no | | | Ex "https://twitter.com/LAGalaxy/status/1665752957919592448" will be injected on a new line below body |
17
18
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
18
19
  |elementAttributes | Object | no | | | Sets attributes on button element. Same structure as attributes above |
19
20
  |classNames | String | no | | | Ex. "my-special-class" |
@@ -31,7 +32,8 @@ These are copy paste friendly examples to quickliy get started using a component
31
32
 
32
33
  {{ BlockedContent({
33
34
  title: 'Hoppsan, här saknas något',
34
- body: 'Innehållet från Twitter kunde inte visas på grund av dina val i cookie-inställningarna.'
35
+ body: 'Innehållet från Twitter kunde inte visas på grund av dina val i cookie-inställningarna.',
36
+ link: 'https://twitter.com/LAGalaxy/status/1665752957919592448'
35
37
  })}}
36
38
  ```
37
39
 
@@ -46,14 +48,14 @@ These are copy paste friendly examples to quickliy get started using a component
46
48
  import { dsBlockedContent } from '@bonniernews/dn-design-system-web/components/blocked-content/blocked-content.js'
47
49
 
48
50
  // avalaible javascript parameters, matches njk paramaters + vendor:
49
- const parameters = {
51
+ const parameters = {
50
52
  vendor: "YouTube",
51
53
  title: "Videon kunde ej visas",
52
54
  body: "För att spela videon behöver du gå till “Inställningar per partner” och godkänna Screen9 AB", // overrides vendor
53
55
  classNames: "test-class",
54
56
  forcePx: false,
55
57
  attributes: { "data-test" : "test-value" },
56
- elementAttributes: { "onclick": "javascript:Didomi.notice.show()" }
58
+ elementAttributes: { "onClick": "javascript:Didomi.notice.show()" }
57
59
  }
58
60
 
59
61
  const blockedContentHtml = dsBlockedContent(parameters);
package/components/blocked-content/blocked-content.js CHANGED
@@ -13,7 +13,7 @@ function dsBlockedContent(params) {
13
13
  <div class="ds-blocked-content__inner">
14
14
  <div class="ds-blocked-content__content">
15
15
  <h2 class="ds-blocked-content__title">Hoppsan, här saknas något</h2>
16
- <div class="ds-blocked-content__body">Innehållet från <span class='ds-blocked-content__vendor'></span> kunde inte visas på grund av dina val i cookie-inställningarna.</div>
16
+ <div class="ds-blocked-content__body">Innehållet ${ params.vendor ? `från ${params.vendor}` : '' } kunde inte visas på grund av dina val i cookie-inställningarna.</div>
17
17
  </div>
18
18
  <button type="button" class="ds-btn ds-btn--secondaryFilled ds-btn--condensed ds-btn--small ds-btn--full-width">
19
19
  <div class="ds-btn__inner">
@@ -29,20 +29,28 @@ function dsBlockedContent(params) {
29
29
 
30
30
  const newBlockedContent = blockedContentTmpl.getElementsByClassName("ds-blocked-content")[0];
31
31
  const btnEl = newBlockedContent.getElementsByClassName("ds-btn")[0];
32
+ const bodyEl = newBlockedContent.getElementsByClassName("ds-blocked-content__body")[0];
32
33
 
33
- if (params.vendor) {
34
- const vendorEl = newBlockedContent.getElementsByClassName("ds-blocked-content__vendor")[0];
35
- vendorEl.textContent = params.vendor;
36
- }
37
-
38
34
  if (params.title) {
39
35
  const titleEl = newBlockedContent.getElementsByClassName("ds-blocked-content__title")[0];
40
36
  titleEl.textContent = params.title;
41
37
  }
42
38
 
43
39
  if (params.body) {
44
- const titleEl = newBlockedContent.getElementsByClassName("ds-blocked-content__body")[0];
45
- titleEl.textContent = params.body;
40
+ bodyEl.textContent = params.body;
41
+ }
42
+
43
+ if (params.link) {
44
+ const linkContainerEl = document.createElement("div");
45
+ const linkEl = document.createElement("a");
46
+ linkEl.href = params.link;
47
+ linkEl.innerText = params.link;
48
+ linkEl.className = "ds-blocked-content__link";
49
+ if (params.vendor) {
50
+ linkEl.setAttribute("aria-label", `Länk till innehåll på ${params.vendor}`);
51
+ }
52
+ linkContainerEl.appendChild(linkEl)
53
+ bodyEl.appendChild(linkContainerEl);
46
54
  }
47
55
 
48
56
  if (params.classNames) {
package/components/blocked-content/blocked-content.njk CHANGED
@@ -21,7 +21,10 @@
21
21
  <div class="{{ componentClassName + '__inner'}}">
22
22
  <div class="{{ componentClassName + '__content'}}">
23
23
  <h2 class="{{ componentClassName + '__title'}}">{{ params.title }}</h2>
24
- <div class="{{ componentClassName + '__body'}}">{{ params.body }}</div>
24
+ <div class="{{ componentClassName + '__body'}}">
25
+ {{ params.body }}
26
+ <a class="{{ componentClassName + '__link'}}" href="{{ params.link }}">{{params.link}}</a>
27
+ </div>
25
28
  </div>
26
29
  {{ Button({
27
30
  text: 'Integritetsinställningar',
package/components/blocked-content/blocked-content.scss CHANGED
@@ -23,6 +23,14 @@
23
23
  @include ds-typography($ds-typography-functional-body02regular, true);
24
24
  }
25
25
  }
26
+
27
+ .ds-blocked-content__link {
28
+ @include ds-link($ds-link-paragraph);
29
+ display: inline-block;
30
+ margin-top: ds-spacing-component($ds-sc-x2);
31
+ word-break: break-word;
32
+ }
33
+
26
34
  .ds-blocked-content__title {
27
35
  @include ds-typography($ds-typography-functional-heading01semibold);
28
36
  color: $ds-color-text-primary;
package/components/buddy-menu/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/buddy-menu](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/buddy-menu)
2
- - Storybook: [BuddyMenu > Web](https://designsystem.dn.se/?path=/story/components-web-buddymenu-web--buddy-menu)
2
+ - Storybook: [BuddyMenu](https://designsystem.dn.se/?path=/docs/page-buddymenu--docs)
3
+ - Storybook (Latest): [BuddyMenu](https://designsystem-latest.dn.se/?path=/docs/page-buddymenu--docs)
3
4
 
4
5
  ----
5
6
 
package/components/button/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/button)
2
- - Storybook: [Button > Web](https://designsystem.dn.se/?path=/story/components-app-web-button-web)
2
+ - Storybook: [Buttons > Button](https://designsystem.dn.se/?path=/docs/basic-buttons-button--docs)
3
+ - Storybook (Latest): [Buttons > Button](https://designsystem-latest.dn.se/?path=/docs/basic-buttons-button--docs)
3
4
 
4
5
  ----
5
6
 
@@ -17,7 +18,7 @@
17
18
  |mobile.fullWidth | bool | no | true, false | false | Ex mobile: { fullWidth: true } |
18
19
  |condensed | bool | no | true, false | false | Condensed reduces spacing to a bare minimum, use with care since this might make touch target area smaller than recommended size |
19
20
  |iconPosition | String | no | none, left, right | none | |
20
- |iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
21
+ |iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
21
22
  |loading | bool | no | true, false | false | |
22
23
  |type | String | no | button, submit | button | |
23
24
  |href | String | no | | | If href is set the button will be rendered as an a-tag |
package/components/button-toggle/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/button-toggle](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/button-toggle)
2
- - Storybook: [Button > Web](https://designsystem.dn.se/?path=/story/components-app-web-button-togglebutton-web)
2
+ - Storybook: [Buttons > ButtonToggle](https://designsystem.dn.se/?path=/docs/basic-buttons-buttontoggle--docs)
3
+ - Storybook (Latest): [Buttons > ButtonToggle](https://designsystem-latest.dn.se/?path=/docs/basic-buttons-buttontoggle--docs)
3
4
 
4
5
  ----
5
6
 
package/components/byline/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/byline](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/byline)
2
- - Storybook: [Byline > Web > Link](https://designsystem.dn.se/?path=/story/components-app-web-article-components-byline-web--link)
3
- - Storybook: [Byline > Web > Follow ](https://designsystem.dn.se/?path=/story/components-app-web-article-components-byline-web--follow)
2
+ - Storybook: [Byline](https://designsystem.dn.se/?path=/docs/article-byline--docs)
3
+ - Storybook (Latest): [Byline](https://designsystem-latest.dn.se/?path=/docs/article-byline--docs)
4
4
 
5
5
  ----
6
6
 
package/components/checkbox/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/checkbox](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/checkbox)
2
- - Storybook: [Checkbox > Web](https://designsystem.dn.se/?path=/story/components-app-web-checkbox-web)
2
+ - Storybook: [Form > Checkbox](https://designsystem.dn.se/?path=/docs/basic-form-checkbox--docs)
3
+ - Storybook (Latest): [Form > Checkbox](https://designsystem-latest.dn.se/?path=/docs/basic-form-checkbox--docs)
3
4
 
4
5
  ----
5
6
 
package/components/disclaimer/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/disclaimer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/disclaimer)
2
- - Storybook (PROD): [Disclaimer > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-disclaimer-web--plain-disclaimer)
3
- - Storybook (LATEST): [Disclaimer > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-article-components-disclaimer-web--plain-disclaimer)
2
+ - Storybook: [Disclaimer](https://designsystem.dn.se/?path=/docs/article-disclaimer--docs)
3
+ - Storybook (Latest): [Disclaimer](https://designsystem-latest.dn.se/?path=/docs/article-disclaimer--docs)
4
4
 
5
5
  ----
6
6
 
@@ -11,7 +11,7 @@
11
11
  |parameter | type | required | options | default | description |
12
12
  |:--- | :--- | :--- | :--- | :--- | :--- |
13
13
  |bodyHtml | String | yes | | | Intended use is text, links and inlined icons |
14
- |iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
14
+ |iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
15
15
  |variant | String | no | default, native | default | |
16
16
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
17
17
  |classNames | String | no | | | Ex. "my-special-class" |
package/components/divider/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/divider](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/divider)
2
- - Storybook: [Divider > Web](https://designsystem.dn.se/?path=/story/components-app-web-divider-web)
2
+ - Storybook: [Divider](https://designsystem.dn.se/?path=/docs/basic-divider--docs)
3
+ - Storybook (Latest): [Divider](https://designsystem-latest.dn.se/?path=/docs/basic-divider--docs)
3
4
 
4
5
  ----
5
6
 
package/components/factbox/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/factbox](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/factbox)
2
- - Storybook (PROD): [Factbox > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-factbox-web--standard)
3
- - Storybook (LATEST): [Factbox > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-article-components-factbox-web--standard)
2
+ - Storybook: [Factbox](https://designsystem.dn.se/?path=/docs/article-factbox--docs)
3
+ - Storybook (Latest): [Factbox](https://designsystem-latest.dn.se/?path=/docs/article-factbox--docs)
4
4
 
5
5
  ----
6
6
 
package/components/footer/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/footer](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/footer)
2
- - Storybook: [Footer > Web](https://designsystem.dn.se/?path=/story/components-web-footer-web--footer)
2
+ - Storybook: [Footer](https://designsystem.dn.se/?path=/docs/page-footer--docs)
3
+ - Storybook (Latest): [Footer](https://designsystem-latest.dn.se/?path=/docs/page-footer--docs)
3
4
 
4
5
  ----
5
6
 
@@ -28,19 +29,19 @@ These are copy paste friendly examples to quickliy get started using a component
28
29
 
29
30
  {{ Footer({
30
31
  linkGroups: [
31
- {
32
- title: "Om Dn",
32
+ {
33
+ title: "Om Dn",
33
34
  links: [
34
- {
35
+ {
35
36
  href: "/kontakt/",
36
37
  text: "Kontakta oss"
37
38
  }
38
39
  ]
39
40
  },
40
- {
41
- title: "Följ oss",
41
+ {
42
+ title: "Följ oss",
42
43
  links: [
43
- {
44
+ {
44
45
  href: "#",
45
46
  text: "Twitter",
46
47
  classNames: "twitter-link",
@@ -56,10 +57,10 @@ These are copy paste friendly examples to quickliy get started using a component
56
57
  text: "Punkten efter Dagens Nyheter har funnits med.."
57
58
  },
58
59
  channels: [
59
- {
60
- href: "?channel=mobile",
61
- text: "Mobil",
62
- classNames: "hidden-mobile",
60
+ {
61
+ href: "?channel=mobile",
62
+ text: "Mobil",
63
+ classNames: "hidden-mobile",
63
64
  attributes: {rel: "nofollow"}
64
65
  }
65
66
  ],
package/components/icon-button/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-button)
2
- - Storybook: [IconButton > Web](https://designsystem.dn.se/?path=/story/components-app-web-iconbutton-iconbutton-web)
2
+ - Storybook: [Buttons > IconButton](https://designsystem.dn.se/?path=/docs/basic-buttons-iconbutton--docs)
3
+ - Storybook (Latest): [Buttons > IconButton](https://designsystem-latest.dn.se/?path=/docs/basic-buttons-iconbutton--docs)
3
4
 
4
5
  ----
5
6
 
@@ -9,7 +10,7 @@
9
10
 
10
11
  |parameter | type | required | options | default | description |
11
12
  |:--- | :--- | :--- | :--- | :--- | :--- |
12
- |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
13
+ |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
13
14
  |disabled | bool | no | true, false | false | Note: only works on button-tag, not on a-tag |
14
15
  |variant | String | no | outlined, transparent, elevated | outlined | Design variant |
15
16
  |size| String | no | default, small, large | default | |
package/components/icon-button-toggle/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon-button-toggle](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-button-toggle)
2
- - Storybook: [IconButton > Web](https://designsystem.dn.se/?path=/story/components-app-web-iconbutton-toggleiconbutton-web)
2
+ - Storybook: [Buttons > IconButtonToggle](https://designsystem.dn.se/?path=/docs/basic-buttons-iconbuttontoggle--docs)
3
+ - Storybook (Latest): [Buttons > IconButtonToggle](https://designsystem-latest.dn.se/?path=/docs/basic-buttons-iconbuttontoggle--docs)
3
4
 
4
5
  ----
5
6
 
@@ -10,8 +11,8 @@
10
11
  |parameter | type | required | options | default | description |
11
12
  |:--- | :--- | :--- | :--- | :--- | :--- |
12
13
  |selected | bool | no | true, false | false | |
13
- |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
14
- |selectedIconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |v
14
+ |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
15
+ |selectedIconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |v
15
16
  |disabled | bool | no | true, false | false | Note: only works on button-tag, not on a-tag |
16
17
  |variant | String | no | outlined, transparent | outlined | Design variant |
17
18
  |size| String | no | default, small, large | default | |
@@ -49,4 +50,4 @@ These are copy paste friendly examples to quickliy get started using a component
49
50
  import dsIconButtonToggle from '@bonniernews/dn-design-system-web/components/icon-button-toggle/icon-button-toggle.js'
50
51
  const toggleElements = Array.from(document.getElementsByClassName("ds-icon-btn-toggle"));
51
52
  dsIconButtonToggle(toggleElements);
52
- ```
53
+ ```
package/components/icon-sprite/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon-sprite](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-sprite)
2
- - Storybook: [Icon > Web](https://designsystem.dn.se/?path=/story/foundations-icon-web--all)
2
+ - Storybook: [Icon](https://designsystem.dn.se/?path=/docs/foundations-icons--docs)
3
+ - Storybook (Latest): [Icon](https://designsystem-latest.dn.se/?path=/docs/foundations-icons--docs)
3
4
 
4
5
  ----
5
6
  # Icons
@@ -16,7 +17,7 @@ There are three ways to use icons from DS:
16
17
 
17
18
  |parameter | type | required | options | default | description |
18
19
  |:--- | :--- | :--- | :--- | :--- | :--- |
19
- |icon | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
20
+ |icon | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
20
21
  |classNames | String | no | | | Ex. "my-special-class" |
21
22
  |attributes | Object | no | | | Ex. { "data-test": "lorem ipsum" } |
22
23
  |~forcePx~ | | | | | Not supported |
package/components/icon-with-wrapper/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon-with-wrapper](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-with-wrapper)
2
- - Storybook: [Icon > Web](https://designsystem.dn.se/?path=/story/foundations-icon-web--all)
2
+ - Storybook: [Icon](https://designsystem.dn.se/?path=/docs/foundations-icons--docs)
3
+ - Storybook (Latest): [Icon](https://designsystem-latest.dn.se/?path=/docs/foundations-icons--docs)
3
4
 
4
5
  ----
5
6
 
@@ -9,7 +10,7 @@
9
10
 
10
11
  |parameter | type | required | options | default | description |
11
12
  |:--- | :--- | :--- | :--- | :--- | :--- |
12
- |icon | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
13
+ |icon | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
13
14
  |color | String | no | primary, primary-02 etc | primary | Any icon color, use without `icon-` prefix. For all available colors see: https://designsystem.dn.se/?path=/story/foundations-colors--colors |
14
15
  |size| Int | no | 16, 20, 24, 32, 40 | 24 | |
15
16
  |classNames | String | no | | | Ex. "my-special-class" |
@@ -48,7 +49,7 @@ These are copy paste friendly examples to quickliy get started using a component
48
49
 
49
50
  |parameter | type | required | options | default | description |
50
51
  |:--- | :--- | :--- | :--- | :--- | :--- |
51
- |icon | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
52
+ |icon | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
52
53
  |classNames | String | no | | | Ex. "my-special-class" |
53
54
  |attributes | Object | no | | | Ex. { "data-test": "lorem ipsum" } |
54
55
  |~forcePx~ | | | | | Not supported |
package/components/image-caption/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/image-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/image-caption)
2
- - Storybook: [ImageCaption > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-image-imagecaption-web--image-caption)
2
+ - Storybook: [ImageCaption](https://designsystem.dn.se/?path=/docs/article-imagecaption--docs)
3
+ - Storybook (Latest): [ImageCaption](https://designsystem-latest.dn.se/?path=/docs/article-imagecaption--docs)
3
4
 
4
5
  ----
5
6
 
package/components/list-item/README-accordion.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/list-item](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/list-item)
2
- - Storybook: [ListItem > AccordionListItem > Web](https://designsystem.dn.se/?path=/story/components-app-web-listitem-accordionlistitem-web)
2
+ - Storybook: [ListItem > AccordionListItem](https://designsystem.dn.se/?path=/story/basic-listitem-accordionlistitem--docs)
3
+ - Storybook (Latest): [ListItem > AccordionListItem](https://designsystem-latest.dn.se/?path=/story/basic-listitem-accordionlistitem--docs)
3
4
 
4
5
  ----
5
6
 
@@ -16,7 +17,7 @@
16
17
  |meta | String | no | | | |
17
18
  |disabled | bool | no | true, false | false | |
18
19
  |border | bool | no | true, false | false | |
19
- |leadingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
20
+ |leadingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
20
21
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
21
22
  |classNames | String | no | | | Ex. "my-special-class" |
22
23
  |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size
package/components/list-item/README-checkbox.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/list-item](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/list-item)
2
- - Storybook: [ListItem > CheckboxListItem > Web](https://designsystem.dn.se/?path=/story/components-app-web-listitem-checkboxlistitem-web)
2
+ - Storybook: [ListItem > CheckboxListItem](https://designsystem.dn.se/?path=/docs/basic-listitem-checkboxlistitem--docs)
3
+ - Storybook (Latest): [ListItem > CheckboxListItem](https://designsystem-latest.dn.se/?path=/docs/basic-listitem-checkboxlistitem--docs)
3
4
 
4
5
  ----
5
6
 
package/components/list-item/README-radio.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/list-item](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/list-item)
2
- - Storybook: [ListItem > RadioListItem > Web](https://designsystem.dn.se/?path=/story/components-app-web-listitem-radiolistitem-web)
2
+ - Storybook: [ListItem > RadioListItem](https://designsystem.dn.se/?path=/docs/basic-listitem-radiolistitem--docs)
3
+ - Storybook (Latest): [ListItem > RadioListItem](https://designsystem-latest.dn.se/?path=/docs/basic-listitem-radiolistitem--docs)
3
4
 
4
5
  ----
5
6
 
package/components/list-item/README-switch.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/list-item](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/list-item)
2
- - Storybook: [ListItem > SwitchListItem > Web](https://designsystem.dn.se/?path=/story/components-app-web-listitem-switchlistitem-web)
2
+ - Storybook: [ListItem > SwitchListItem](https://designsystem.dn.se/?path=/docs/basic-listitem-switchlistitem--docs)
3
+ - Storybook (Latest): [ListItem > SwitchListItem](https://designsystem-latest.dn.se/?path=/docs/basic-listitem-switchlistitem--docs)
3
4
 
4
5
  ----
5
6
 
@@ -16,7 +17,7 @@
16
17
  |selected | bool | no | true, false | false | |
17
18
  |disabled | bool | no | true, false | false | |
18
19
  |border | bool | no | true, false | false | |
19
- |leadingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
20
+ |leadingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
20
21
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
21
22
  |elementAttributes | Object | no | | | Sets attributes on actual switch element and not list item. Same structure as attributes above |
22
23
  |classNames | String | no | | | Ex. "my-special-class" |
package/components/list-item/README-toggle.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/list-item](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/list-item)
2
- - Storybook: [ListItem > ToggleListItem > Web](https://designsystem.dn.se/?path=/story/components-app-web-listitem-togglelistitem-web)
2
+ - Storybook: [ListItem > ToggleListItem](https://designsystem.dn.se/?path=/docs/basic-listitem-togglelistitem--docs)
3
+ - Storybook (Latest): [ListItem > ToggleListItem](https://designsystem-latest.dn.se/?path=/docs/basic-listitem-togglelistitem--docs)
3
4
 
4
5
  ----
5
6
 
package/components/list-item/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/list-item](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/list-item)
2
- - Storybook: [ListItem > StandardListItem > Web](https://designsystem.dn.se/?path=/story/components-app-web-listitem-standardlistitem-web)
2
+ - Storybook: [ListItem > StandardListItem](https://designsystem.dn.se/?path=/docs/basic-listitem-standardlistitem--docs)
3
+ - Storybook (Latest): [ListItem > StandardListItem](https://designsystem-latest.dn.se/?path=/docs/basic-listitem-standardlistitem--docs)
3
4
 
4
5
  ----
5
6
 
@@ -15,8 +16,8 @@
15
16
  |meta | String | no | | | |
16
17
  |disabled | bool | no | true, false | false | Note: only works on button-tag, not on a-tag |
17
18
  |border | bool | no | true, false | false | |
18
- |leadingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
19
- |trailingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
19
+ |leadingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
20
+ |trailingIcon | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
20
21
  |href | String | no | | | If href is set the list item will be rendered as an a-tag |
21
22
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
22
23
  |classNames | String | no | | | Ex. "my-special-class" |
package/components/pictogram/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/pictogram](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/pictogram)
2
- - Storybook: [Pictogram > Web](https://designsystem.dn.se/?path=/story/components-app-web-pictogram-web)
2
+ - Storybook: [Pictogram](https://designsystem.dn.se/?path=/docs/basic-pictogram--docs)
3
+ - Storybook (Latest): [Pictogram](https://designsystem-latest.dn.se/?path=/docs/basic-pictogram--docs)
3
4
 
4
5
  ----
5
6
 
@@ -10,7 +11,7 @@
10
11
  |parameter | type | required | options | default | description |
11
12
  |:--- | :--- | :--- | :--- | :--- | :--- |
12
13
  |variant| String | yes | brand, business | brand | Design variant |
13
- |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
14
+ |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
14
15
  |size| String | yes | small, large | small | |
15
16
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
16
17
  |classNames | String | no | | | Ex. "my-special-class" |
package/components/quote/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/quote](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/quote)
2
- - Storybook: [Quote > Web](https://designsystem.dn.se/?path=/story/components-app-web-quote-web)
2
+ - Storybook: [Quote](https://designsystem.dn.se/?path=/docs/article-quote--docs)
3
+ - Storybook (Latest): [Quote](https://designsystem-latest.dn.se/?path=/docs/article-quote--docs)
3
4
 
4
5
  ----
5
6
 
package/components/radio-button/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/radio-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/radio-button)
2
- - Storybook: [RadioButton > Web](https://designsystem.dn.se/?path=/story/components-app-web-radiobutton-web)
2
+ - Storybook: [Form > RadioButton](https://designsystem.dn.se/?path=/docs/basic-form-radiobutton--docs)
3
+ - Storybook (Latest): [Form > RadioButton](https://designsystem-latest.dn.se/?path=/docs/basic-form-radiobutton--docs)
3
4
 
4
5
  ----
5
6
 
package/components/spinner/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/spinner](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/spinner)
2
- - Storybook: [Spinner > Web](https://designsystem.dn.se/?path=/story/components-app-web-spinner-web)
2
+ - Storybook: [Spinner](https://designsystem.dn.se/?path=/docs/basic-spinner--docs)
3
+ - Storybook (Latest): [Spinner](https://designsystem-latest.dn.se/?path=/docs/basic-spinner--docs)
3
4
  ----
4
5
 
5
6
  # Spinner
package/components/switch/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/switch](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/switch)
2
- - Storybook: [Switch > Web](https://designsystem.dn.se/?path=/story/components-app-web-switch-web)
2
+ - Storybook: [Form > Switch](https://designsystem.dn.se/?path=/docs/basic-form-switch--docs)
3
+ - Storybook (Latest): [Form > Switch](https://designsystem-latest.dn.se/?path=/docs/basic-form-switch--docs)
3
4
  ----
4
5
 
5
6
  # Switch
package/components/teaser-dot/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-dot](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-dot)
2
- - Storybook: [TeaserDot > Web](https://designsystem.dn.se/?path=/story/components-app-web-teaser-dot-web)
2
+ - Storybook: [Subcomponents > TeaserDot](https://designsystem.dn.se/?path=/docs/section-subcomponents-teaserdot--docs)
3
+ - Storybook (Latest): [Subcomponents > TeaserDot](https://designsystem-latest.dn.se/?path=/docs/section-subcomponents-teaserdot--docs)
3
4
 
4
5
  ----
5
6
 
package/components/teaser-image/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-image](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-image)
2
- - Storybook (PROD): [TeaserImage > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaserimage-web--teaser-image)
3
- - Storybook (LATEST): [TeaserImage > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaserimage-web--teaser-image)
2
+ - Storybook: [Subcomponents > TeaserImage](https://designsystem.dn.se/?path=/docs/section-subcomponents-teaserimage--docs)
3
+ - Storybook (Latest): [Subcomponents > TeaserImage](https://designsystem-latest.dn.se/?path=/docs/section-subcomponents-teaserimage--docs)
4
4
 
5
5
  ----
6
6
 
@@ -37,4 +37,3 @@ These are copy paste friendly examples to quickliy get started using a component
37
37
  ```
38
38
 
39
39
  This scss is already included in `teaser.scss`.
40
-
package/components/teaser-large/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-large](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-large)
2
- - Storybook (PROD): [TeaserLarge > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaserlarge-web)
3
- - Storybook (LATEST): [TeaserLarge > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaserlarge-web)
2
+ - Storybook: [TeaserLarge](https://designsystem.dn.se/?path=/docs/section-teaserlarge--docs)
3
+ - Storybook (Latest): [TeaserLarge](https://designsystem-latest.dn.se/?path=/docs/section-teaserlarge--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-list-timeline/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-list-timeline](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-list-timeline)
2
- - Storybook (PROD): [TeaserListTimeline > Web](https://designsystem.dn.se/?path=/story/section-teaserlisttimeline--teaser-list-timeline)
3
- - Storybook (LATEST): [TeaserListTimeline > Web](https://designsystem-latest.dn.se/?path=/story/section-teaserlisttimeline--teaser-list-timeline)
2
+ - Storybook: [TeaserListTimeline](https://designsystem.dn.se/?path=/docs/section-teaserlisttimeline--docs)
3
+ - Storybook (Latest): [TeaserListTimeline](https://designsystem-latest.dn.se/?path=/docs/section-teaserlisttimeline--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-native/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-native](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-native)
2
- - Storybook (PROD): [TeaserNative > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teasernative-web--native)
3
- - Storybook (LATEST): [TeaserNative > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teasernative-web--native)
2
+ - Storybook: [TeaserNative](https://designsystem.dn.se/?path=/docs/section-teasernative--docs)
3
+ - Storybook (Latest): [TeaserNative](https://designsystem-latest.dn.se/?path=/docs/section-teasernative--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-onsite/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-onsite](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-onsite)
2
- - Storybook (PROD): [TeaserOnSite > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaseronsite-web)
3
- - Storybook (LATEST): [TeaserOnSite > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaseronsite-web)
2
+ - Storybook: [TeaserOnSite](https://designsystem.dn.se/?path=/docs/section-teaseronsite--docs)
3
+ - Storybook (Latest): [TeaserOnSite](https://designsystem-latest.dn.se/?path=/docs/section-teaseronsite--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-package](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-package)
2
- - Storybook (PROD): [TeaserPackage > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaserpackage-web)
3
- - Storybook (LATEST): [TeaserPackage > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaserpackage-web)
2
+ - Storybook: [TeaserPackage](https://designsystem.dn.se/?path=/docs/section-teaserpackage--docs)
3
+ - Storybook (Latest): [TeaserPackage](https://designsystem-latest.dn.se/?path=/docs/section-teaserpackage--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-right-now/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - 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)
2
- - Storybook (PROD): [TeaserRightNow > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaserrightnow-web--right-now)
3
- - Storybook (LATEST): [TeaserRightNow > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaserrightnow-web--right-now)
2
+ - Storybook: [TeaserRightNow](https://designsystem.dn.se/?path=/docs/section-teaserrightnow--docs)
3
+ - Storybook (Latest): [TeaserRightNow](https://designsystem-latest.dn.se/?path=/docs/section-teaserrightnow--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-slideshow/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-slideshow](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-slideshow)
2
- - Storybook (PROD): [TeaserSlideshow > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaserslideshow-web)
3
- - Storybook (LATEST): [TeaserSlideshow > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaserslideshow-web)
2
+ - Storybook: [TeaserSlideshow](https://designsystem.dn.se/?path=/docs/section-teaserslideshow--docs)
3
+ - Storybook (Latest): [TeaserSlideshow](https://designsystem-latest.dn.se/?path=/docs/section-teaserslideshow--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-split/README-container.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-split](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-split)
2
- - Storybook (PROD): [TeaserSplitContainer > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teasersplitcontainer-web)
3
- - Storybook (LATEST): [TeaserSplitContainer > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teasersplitcontainer-web)
2
+ - Storybook: [TeaserSplitContainer](https://designsystem.dn.se/?path=/docs/section-teasersplitcontainer--docs)
3
+ - Storybook (Latest): [TeaserSplitContainer](https://designsystem-latest.dn.se/?path=/docs/section-teasersplitcontainer--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-split/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-split](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-split)
2
- - Storybook (PROD): [TeaserSplit > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teasersplit-web)
3
- - Storybook (LATEST): [TeaserSplit > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teasersplit-web)
2
+ - Storybook: [TeaserSplit](https://designsystem.dn.se/?path=/docs/section-teasersplitcontainer-teasersplit--docs)
3
+ - Storybook (Latest): [TeaserSplit](https://designsystem-latest.dn.se/?path=/docs/section-teasersplitcontainer-teasersplit--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-standard/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-standard](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-standard)
2
- - Storybook (PROD): [TeaserStandard > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teaserstandard-web)
3
- - Storybook (LATEST): [TeaserStandard > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teaserstandard-web)
2
+ - Storybook: [TeaserStandard](https://designsystem.dn.se/?path=/docs/section-teaserstandard--docs)
3
+ - Storybook (Latest): [TeaserStandard](https://designsystem-latest.dn.se/?path=/docs/section-teaserstandard--docs)
4
4
 
5
5
  ----
6
6
 
package/components/teaser-tipsa/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/teaser-tipsa](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/teaser-tipsa)
2
- - Storybook (PROD): [TeaserTipsa > Web](https://designsystem.dn.se/?path=/story/components-app-web-section-components-teasertipsa-web)
3
- - Storybook (LATEST): [TeaserTipsa > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-teasertipsa-web)
2
+ - Storybook: [TeaserTipsa](https://designsystem.dn.se/?path=/docs/section-teasertipsa--docs)
3
+ - Storybook (Latest): [TeaserTipsa](https://designsystem-latest.dn.se/?path=/docs/section-teasertipsa--docs)
4
4
 
5
5
  ----
6
6
 
package/components/text-button/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/text-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button)
2
- - Storybook: [TextButton > Web](https://designsystem.dn.se/?path=/story/components-app-web-textbutton-textbutton-web)
2
+ - Storybook: [Buttons > TextButton](https://designsystem.dn.se/?path=/docs/basic-buttons-textbutton--docs)
3
+ - Storybook (Latest): [Buttons > TextButton](https://designsystem-latest.dn.se/?path=/docs/basic-buttons-textbutton--docs)
3
4
 
4
5
  ----
5
6
 
@@ -15,7 +16,7 @@
15
16
  |mobile.fullWidth | bool | no | true, false | false | Ex mobile: { fullWidth: true } |
16
17
  |condensed | bool | no | true, false | false | Condensed reduces spacing to a bare minimum, use with care since this might make touch target area smaller than recommended size |
17
18
  |iconPosition | String | no | none, left, right | none | |
18
- |iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
19
+ |iconName | String | no | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
19
20
  |loading | bool | no | true, false | false | |
20
21
  |href | String | no | | | If href is set the button will be rendered as an a-tag |
21
22
  |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
package/components/text-button-toggle/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/text-button-toggle](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button-toggle)
2
- - Storybook: [TextButton > Web](https://designsystem.dn.se/?path=/story/components-app-web-textbutton-toggletextbutton-web--toggle-text-button)
2
+ - Storybook: [Buttons > TextButtonToggle](https://designsystem.dn.se/?path=/docs/basic-buttons-textbuttontoggle--docs)
3
+ - Storybook (Latest): [Buttons > TextButtonToggle](https://designsystem-latest.dn.se/?path=/docs/basic-buttons-textbuttontoggle--docs)
3
4
 
4
5
  ----
5
6
 
@@ -12,8 +13,8 @@
12
13
  |selected | bool | no | true, false | false | |
13
14
  |text | String | yes | | | |
14
15
  |selectedText | String | yes | | | |
15
- |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
16
- |selectedIconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icon-web--all |
16
+ |iconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
17
+ |selectedIconName | String | yes | add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons |
17
18
  |disabled | bool | no | true, false | false | Note: only works on button-tag, not on a-tag |
18
19
  |condensed | bool | no | true, false | false | Condensed reduces spacing to a bare minimum, use with care since this might make touch target area smaller than recommended size |
19
20
  |loading | bool | no | true, false | false | |
package/components/text-input/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/text-input](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-input)
2
- - Storybook: [Inputs > Password > Web](https://designsystem.dn.se/?path=/story/components-app-web-inputs-password-web)
3
- - Storybook: [Inputs > Text > Web](https://designsystem.dn.se/?path=/story/components-app-web-inputs-text-web)
2
+ - Storybook: [Form > TextInput](https://designsystem.dn.se/?path=/docs/basic-form-textinput--docs)
3
+ - Storybook (Latest): [Form > TextInput](https://designsystem-latest.dn.se/?path=/docs/basic-form-textinput--docs)
4
4
 
5
5
  ----
6
6
 
package/components/thematic-break/README.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/thematic-break](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/thematic-break)
2
- - Storybook: [ThematicBreak > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-thematicbreak-web--thematic-break)
2
+ - Storybook: [ThematicBreak](https://designsystem.dn.se/?path=/docs/article-thematicbreak--docs)
3
+ - Storybook (Latest): [ThematicBreak](https://designsystem-latest.dn.se/?path=/docs/article-thematicbreak--docs)
3
4
 
4
5
  ----
5
6
 
package/components/video-caption/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/video-caption](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/video-caption)
2
- - Storybook (PROD): [VideoCaption > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-videocaption-web--video-caption)
3
- - Storybook (LATEST): [VideoCaption > Web](https://designsystem-latest.dn.se/?path=/story/components-app-web-article-components-videocaption-web--video-caption)
2
+ - Storybook: [VideoCaption](https://designsystem.dn.se/?path=/docs/article-videocaption--docs)
3
+ - Storybook (Latest): [VideoCaption](https://designsystem-latest.dn.se/?path=/docs/article-videocaption--docs)
4
4
 
5
5
  ----
6
6
 
package/components/vip-badge/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/components/vip-badge](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/vip-badge)
2
- - Storybook (PROD): [VipBadge > Web > Vip Badge](https://designsystem.dn.se/?path=/story/components-app-web-section-components-vipbadge-web)
3
- - Storybook (LATEST): [VipBadge > Web > Vip Badge With Text](https://designsystem-latest.dn.se/?path=/story/components-app-web-section-components-vipbadge-web)
2
+ - Storybook: [Subcomponents > Vip Badge](https://designsystem.dn.se/?path=/docs/section-subcomponents-vipbadge--docs)
3
+ - Storybook (Latest): [Subcomponents > Vip Badge](https://designsystem-latest.dn.se/?path=/docs/section-subcomponents-vipbadge--docs)
4
4
 
5
5
  ----
6
6
 
package/foundations/helpers/README-links.md CHANGED
@@ -1,5 +1,6 @@
1
1
  - GitHub: [BonnierNews/dn-design-system/../web/src/foundations/helpers/links.scss](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/foundations/helpers/links.scss)
2
- - Storybook: [Helpers > Link > Web](https://designsystem.dn.se/?path=/story/helpers-link-web--underline)
2
+ - Storybook: [Link](https://designsystem.dn.se/?path=/docs/helpers-link--docs)
3
+ - Storybook (Latest): [Link](https://designsystem-latest.dn.se/?path=/docs/helpers-link--docs)
3
4
 
4
5
  ----
5
6
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "4.0.1-alpha.0",
3
+ "version": "4.1.0-alpha.1",
4
4
  "description": "DN design system for web.",
5
5
  "main": "index.js",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",