@bonniernews/dn-design-system-web 3.0.0-alpha.16 → 3.0.0-alpha.18

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 (15) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/assets/form-field/form-field.scss +1 -5
  3. package/components/article-top-image/article-top-image.scss +1 -1
  4. package/components/badge/badge.scss +1 -5
  5. package/components/buddy-menu/buddy-menu.scss +1 -8
  6. package/components/button/button.scss +1 -0
  7. package/components/button-toggle/button-toggle.scss +1 -0
  8. package/components/checkbox/checkbox.scss +1 -5
  9. package/components/footer/footer.scss +2 -8
  10. package/components/radio-button/radio-button.scss +1 -6
  11. package/components/text-button/text-button.scss +2 -7
  12. package/components/text-button-toggle/text-button-toggle.scss +1 -7
  13. package/components/text-input/text-input.scss +1 -5
  14. package/foundations/helpers/README-links.md +1 -1
  15. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,24 @@
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
+ ## [3.0.0-alpha.18](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.17...@bonniernews/dn-design-system-web@3.0.0-alpha.18) (2023-03-24)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **web:** dynamic spacing image top ([#736](https://github.com/BonnierNews/dn-design-system/issues/736)) ([dfb418f](https://github.com/BonnierNews/dn-design-system/commit/dfb418f471429d685a2fed738cbcd8006ef87f32))
12
+
13
+
14
+
15
+ ## [3.0.0-alpha.17](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.16...@bonniernews/dn-design-system-web@3.0.0-alpha.17) (2023-03-24)
16
+
17
+
18
+ ### Bug Fixes
19
+
20
+ * **web:** clean up helper includes ([#731](https://github.com/BonnierNews/dn-design-system/issues/731)) ([9680d73](https://github.com/BonnierNews/dn-design-system/commit/9680d73f7c4ce0609b1d964666ae9845f0464955))
21
+
22
+
23
+
6
24
  ## [3.0.0-alpha.16](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@3.0.0-alpha.15...@bonniernews/dn-design-system-web@3.0.0-alpha.16) (2023-03-24)
7
25
 
8
26
 
package/assets/form-field/form-field.scss CHANGED
@@ -1,8 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/metrics.scss" as *;
3
- @use "../../foundations/helpers/utilities.scss" as *;
4
- @use "../../foundations/helpers/typography.scss" as *;
5
- @use "../../foundations/helpers/colors.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
6
2
  @use "../../foundations/icons/icon.scss" as *;
7
3
 
8
4
  $ds-form-field__error-icon-size: 20px;
package/components/article-top-image/article-top-image.scss CHANGED
@@ -2,5 +2,5 @@
2
2
  @use "../../assets/article-image/article-image.scss" as *;
3
3
 
4
4
  .ds-article-image--top {
5
- @include ds-spacing-layout($ds-sl-gap-vertical-static-large, padding-bottom);
5
+ @include ds-spacing-layout($ds-sl-gap-vertical-medium, padding-bottom);
6
6
  }
package/components/badge/badge.scss CHANGED
@@ -1,8 +1,4 @@
1
- @use "../../foundations/helpers/metrics.scss" as *;
2
- @use "../../foundations/helpers/spacing.scss" as *;
3
- @use "../../foundations/helpers/typography.scss" as *;
4
- @use "../../foundations/helpers/utilities.scss" as *;
5
- @use "../../foundations/helpers/colors.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
6
2
 
7
3
  $ds-badge__min-size: 8px;
8
4
 
package/components/buddy-menu/buddy-menu.scss CHANGED
@@ -1,11 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/typography.scss" as *;
3
- @use "../../foundations/helpers/mediaQueries.scss" as *;
4
- @use "../../foundations/helpers/metrics.scss" as *;
5
- @use "../../foundations/helpers/utilities.scss" as *;
6
- @use "../../foundations/helpers/colors.scss" as *;
7
- @use "../../foundations/helpers/links.scss" as *;
8
- @use "../../foundations/helpers/shadows.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
9
2
  @use "../button/button.scss" as *;
10
3
  @use "../icon-button/icon-button.scss" as *;
11
4
  @use "../list-item/list-item.scss" as *;
package/components/button/button.scss CHANGED
@@ -75,6 +75,7 @@ $ds-btn__icon-size: 24px;
75
75
  &,
76
76
  & .ds-btn__inner {
77
77
  width: 100%;
78
+ box-sizing: border-box;
78
79
  }
79
80
  }
80
81
 
package/components/button-toggle/button-toggle.scss CHANGED
@@ -81,6 +81,7 @@ $ds-btn-toggle__icon-size-xsmall: 20px;
81
81
  &,
82
82
  & .ds-btn-toggle__inner {
83
83
  width: 100%;
84
+ box-sizing: border-box;
84
85
  }
85
86
  }
86
87
 
package/components/checkbox/checkbox.scss CHANGED
@@ -1,8 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/typography.scss" as *;
3
- @use "../../foundations/helpers/metrics.scss" as *;
4
- @use "../../foundations/helpers/utilities.scss" as *;
5
- @use "../../foundations/helpers/colors.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
6
2
  @use "../../assets/form-field/form-field.scss" as *;
7
3
  @use "../../foundations/icons/icon.scss" as *;
8
4
 
package/components/footer/footer.scss CHANGED
@@ -1,10 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/typography.scss" as *;
3
- @use "../../foundations/helpers/mediaQueries.scss" as *;
4
- @use "../../foundations/helpers/metrics.scss" as *;
5
- @use "../../foundations/helpers/utilities.scss" as *;
6
- @use "../../foundations/helpers/colors.scss" as *;
7
- @use "../../foundations/helpers/links.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
8
2
 
9
3
  $ds-footer-row-gap-spacing-token: $ds-sc-x8;
10
4
  $ds-footer-row-padding-spacing-token: $ds-sc-x4;
@@ -133,7 +127,7 @@ $ds-footer-column-gap: ds-spacing-component($ds-sc-x8) * 2; // @todo change to t
133
127
  margin-top: ds-spacing-component($ds-footer-row-gap-spacing-token);
134
128
 
135
129
  a {
136
- @include ds-link();
130
+ @include ds-link($ds-link-list);
137
131
  margin: ds-spacing-component($ds-sc-x4 $ds-sc-x4 0 0);
138
132
  display: inline-block;
139
133
 
package/components/radio-button/radio-button.scss CHANGED
@@ -1,9 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/typography.scss" as *;
3
- @use "../../foundations/helpers/mediaQueries.scss" as *;
4
- @use "../../foundations/helpers/metrics.scss" as *;
5
- @use "../../foundations/helpers/utilities.scss" as *;
6
- @use "../../foundations/helpers/colors.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
7
2
  @use "../../foundations/icons/icon.scss" as *;
8
3
  @use "../../assets/form-field/form-field.scss" as *;
9
4
 
package/components/text-button/text-button.scss CHANGED
@@ -1,10 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/typography.scss" as *;
3
- @use "../../foundations/helpers/mediaQueries.scss" as *;
4
- @use "../../foundations/helpers/metrics.scss" as *;
5
- @use "../../foundations/helpers/utilities.scss" as *;
6
- @use "../../foundations/helpers/colors.scss" as *;
7
- @use "../../foundations/helpers/loading.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
8
2
  @use "../../foundations/icons/icon.scss" as *;
9
3
  @use "../spinner/spinner.scss" as *;
10
4
 
@@ -95,6 +89,7 @@ $ds-text-btn__icon-size: 24px;
95
89
  &,
96
90
  & .ds-text-btn__inner {
97
91
  width: 100%;
92
+ box-sizing: border-box;
98
93
  }
99
94
  }
100
95
 
package/components/text-button-toggle/text-button-toggle.scss CHANGED
@@ -1,10 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/typography.scss" as *;
3
- @use "../../foundations/helpers/mediaQueries.scss" as *;
4
- @use "../../foundations/helpers/metrics.scss" as *;
5
- @use "../../foundations/helpers/utilities.scss" as *;
6
- @use "../../foundations/helpers/colors.scss" as *;
7
- @use "../../foundations/helpers/loading.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
8
2
  @use "../../foundations/icons/icon.scss" as *;
9
3
  @use "../spinner/spinner.scss" as *;
10
4
 
package/components/text-input/text-input.scss CHANGED
@@ -1,8 +1,4 @@
1
- @use "../../foundations/helpers/spacing.scss" as *;
2
- @use "../../foundations/helpers/metrics.scss" as *;
3
- @use "../../foundations/helpers/utilities.scss" as *;
4
- @use "../../foundations/helpers/typography.scss" as *;
5
- @use "../../foundations/helpers/colors.scss" as *;
1
+ @use "../../foundations/helpers/forward.helpers.scss" as *;
6
2
  @use "../../assets/form-field/form-field.scss" as *;
7
3
  @use "../../foundations/icons/icon.scss" as *;
8
4
  @use "../icon-button/icon-button.scss" as *;
package/foundations/helpers/README-links.md CHANGED
@@ -15,7 +15,7 @@
15
15
 
16
16
  ### SCSS
17
17
  ```scss
18
- @use "@bonniernews/dn-design-system-web/foundations/helpers/links.scss" as *;
18
+ @use "@bonniernews/dn-design-system-web/foundations/helpers/forward.helpers.scss" as *;
19
19
 
20
20
  a {
21
21
  @include ds-link($ds-link-paragraph);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "3.0.0-alpha.16",
3
+ "version": "3.0.0-alpha.18",
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",