@bonniernews/dn-design-system-web 2.1.0-alpha.20 → 2.1.0-alpha.22

package/CHANGELOG.md

@@ -3,6 +3,24 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.1.0-alpha.22](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@2.1.0-alpha.21...@bonniernews/dn-design-system-web@2.1.0-alpha.22) (2023-03-02)
+
+
+### Bug Fixes
+
+* **web:** set box-sizing on disclaimer ([#715](https://github.com/BonnierNews/dn-design-system/issues/715)) ([4933e7f](https://github.com/BonnierNews/dn-design-system/commit/4933e7f8ab27f20ac745b2b0d1706fb535d2335d))
+
+
+
+## 2.1.0-alpha.21 (2023-03-02)
+
+
+### Bug Fixes
+
+* **web:** change breakpoint for large screen from desktop to tablet ([#708](https://github.com/BonnierNews/dn-design-system/issues/708)) ([fc3ae78](https://github.com/BonnierNews/dn-design-system/commit/fc3ae78eaae866bcab14b39a638df94349193dcd))
+
+
+
 ## [2.1.0-alpha.20](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@2.1.0-alpha.19...@bonniernews/dn-design-system-web@2.1.0-alpha.20) (2023-03-01)
 
 

package/README.md

@@ -10,4 +10,4 @@ Storybook latest: [https://designsystem-latest.dn.se/](https://designsystem-late
 
 Github: [https://github.com/BonnierNews/dn-design-system/tree/main/web/src](https://github.com/BonnierNews/dn-design-system/tree/main/web/src)
 
-For specific instructions see each component readme.
+For specific instructions see each component or helper readme.

package/components/disclaimer/disclaimer.scss

@@ -8,6 +8,7 @@ $ds-btn-outlined__border-width: ds-metrics-border-width(x1);
   padding: ds-spacing-component(x3 x4);
   margin-bottom: ds-spacing-component(x4);
   background-color: $ds-color-surface-raised;
+  box-sizing: border-box;
 
   &--with-icon {
     display: flex;

package/foundations/helpers/typography.scss

@@ -74,7 +74,7 @@ $dsSerifWeights: (
   $tmpMapScreenLarge: map.get($typographyTokensScreenLarge, $component);
 
   @if $tmpMap {
-    @include ds-mq-largest-breakpoint(tablet) {
+    @include ds-mq-largest-breakpoint(mobile) {
       @include _ds-normalize-letter-spacing($tmpMap);
       @each $key in map-keys($tmpMap) {
         @include _ds-typography-get-property($tmpMap, $key, $forcePx);
@@ -83,7 +83,7 @@ $dsSerifWeights: (
   }
 
   @if $tmpMapScreenLarge {
-    @include ds-mq-smallest-breakpoint(desktop) {
+    @include ds-mq-smallest-breakpoint(tablet) {
       @include _ds-normalize-letter-spacing($tmpMapScreenLarge);
       @each $key in map-keys($tmpMapScreenLarge) {
         @include _ds-typography-get-property(
@@ -99,9 +99,9 @@ $dsSerifWeights: (
 @mixin ds-typography-without-mq($component, $screen: false, $forcePx: false) {
   $tmpMap: false;
 
-  @if $screen == mobile or $screen == tablet {
+  @if $screen == mobile {
     $tmpMap: map.get($typographyTokensScreenSmall, $component);
-  } @else if $screen == desktop {
+  } @else if $screen == tablet or $screen == desktop {
     $tmpMap: map.get($typographyTokensScreenLarge, $component);
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bonniernews/dn-design-system-web",
-  "version": "2.1.0-alpha.20",
+  "version": "2.1.0-alpha.22",
   "description": "DN design system for web.",
   "main": "index.js",
   "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",