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

Comparing version 0.1.0-alpha.49 to 0.1.0-alpha.53

CHANGELOG.md

@@ -6,2 +6,46 @@ # Change Log
 
+# [0.1.0-alpha.53](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@0.1.0-alpha.52...@bonniernews/dn-design-system-web@0.1.0-alpha.53) (2022-11-17)
+
+
+### Bug Fixes
+
+* **web:** mark attributes as safe ([#435](https://github.com/BonnierNews/dn-design-system/issues/435)) ([dd4338d](https://github.com/BonnierNews/dn-design-system/commit/dd4338dfb2daa3b717f1f598742b31555b1c895e))
+
+
+
+
+
+# [0.1.0-alpha.52](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@0.1.0-alpha.51...@bonniernews/dn-design-system-web@0.1.0-alpha.52) (2022-11-17)
+
+
+### Bug Fixes
+
+* **web:** remove unnecessary disabled attributes from list item ([#430](https://github.com/BonnierNews/dn-design-system/issues/430)) ([90cc887](https://github.com/BonnierNews/dn-design-system/commit/90cc8875feb936a3a855e96a28ce9014a08a5f17))
+
+
+
+
+
+# [0.1.0-alpha.51](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@0.1.0-alpha.50...@bonniernews/dn-design-system-web@0.1.0-alpha.51) (2022-11-17)
+
+
+### Bug Fixes
+
+* **web:** update scss examples in readme ([#424](https://github.com/BonnierNews/dn-design-system/issues/424)) ([4c892d5](https://github.com/BonnierNews/dn-design-system/commit/4c892d5456a386262ec655abb16cdd8029dbc764))
+
+
+
+
+
+# 0.1.0-alpha.50 (2022-11-17)
+
+
+### Bug Fixes
+
+* **web:** remove hover/active on disabled items ([#429](https://github.com/BonnierNews/dn-design-system/issues/429)) ([99703ce](https://github.com/BonnierNews/dn-design-system/commit/99703cecb536a0b6464051da6f2dafce733b26df))
+
+
+
+
+
 # [0.1.0-alpha.49](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@0.1.0-alpha.48...@bonniernews/dn-design-system-web@0.1.0-alpha.49) (2022-11-15)
@@ -8,0 +52,0 @@

components/badge/README.md

@@ -33,3 +33,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/badge](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/badge)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/badge/badge.scss";
+@use "@bonniernews/dn-design-system-web/components/badge/badge";
 ```

components/button/README.md

@@ -49,3 +49,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/button)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/button/button.scss";
+@use "@bonniernews/dn-design-system-web/components/button/button";
 ```

components/checkbox/README.md

@@ -41,3 +41,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/checkbox](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/checkbox)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/checkbox/checkbox.scss";
+@use "@bonniernews/dn-design-system-web/components/checkbox/checkbox";
 ```

components/divider/README.md

@@ -31,3 +31,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/divider](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/divider)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/divider/divider.scss";
+@use "@bonniernews/dn-design-system-web/components/divider/divider";
 ```

components/icon-button/README.md

@@ -41,3 +41,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-button)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/icon-button/icon-button.scss";
+@use "@bonniernews/dn-design-system-web/components/icon-button/icon-button";
 ```

components/radio-button/README.md

@@ -44,3 +44,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/radio-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/radio-button)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/radio-button/radio-button.scss";
+@use "@bonniernews/dn-design-system-web/components/radio-button/radio-button";
 ```

components/switch/README.md

@@ -41,3 +41,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/switch](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/switch)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/switch/switch.scss";
+@use "@bonniernews/dn-design-system-web/components/switch/switch";
 ```

components/text-button/README.md

@@ -43,3 +43,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/text-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/text-button/text-button.scss";
+@use "@bonniernews/dn-design-system-web/components/text-button/text-button";
 ```

components/text-input/README.md

@@ -48,3 +48,3 @@ - GitHub: [BonnierNews/dn-design-system/../web/src/components/text-input](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-input)
 ```scss
-@use "@bonniernews/dn-design-system-web/components/text-input/text-input.scss";
+@use "@bonniernews/dn-design-system-web/components/text-input/text-input";
 ```
@@ -51,0 +51,0 @@

foundations/typography/README.md

@@ -7,33 +7,19 @@ **@bonniernews/dn-design-system-web/foundations/typography/README.md**
 
-Can be included through *Sass mixin*, example:
-```css
-@use "@bonniernews/dn-design-system-web/foundations/helpers/typography.scss" as *;
+|parameter | type | required | options | default | description |
+|:--- | :--- | :--- | :--- | :--- | :--- |
+|token | Sass variable | yes | | | Ex.  $ds-typography-functional-body01regular, all typography variables starts with prefix $ds-typography- |
+|forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size
 
+These are copy paste friendly examples to quickliy get started using a component.
+
+### SCSS
+```scss
+@use "@bonniernews/dn-design-system-web/foundations/helpers/typography" as *;
+
 @include ds-typography($ds-typography-functional-body01regular);
-
-/** or use typography token name directly: */
-@include ds-typography(functional-body01regular);
 ```
 
-To force 'px' (instead of rem) as unit for font-size, letter-spacing and line-height use the forcePx parameter:
-```css
+With forcePX parameter:
+```scss
 @include ds-typography($ds-typography-functional-body01regular, true);
 ```
-
-Or included as *text component*:
-
-```javascript
-{% from '@bonniernews/dn-design-system-web/foundations/typography/typography.njk' import Typography %}
-
-{{ Typography({
-  text: text,
-  textColor: textColor,
-  textComponent: textComponent
-})}}
-```
-
-Or added directly through *class*.
-
-```html
-<span class="ds-t-body01regular">Body 01 Regular</span>
-```

package.json

 {
   "name": "@bonniernews/dn-design-system-web",
-  "version": "0.1.0-alpha.49",
+  "version": "0.1.0-alpha.53",
   "description": "DN design system for web.",
@@ -5,0 +5,0 @@ "main": "index.js",

No alert changes

Improved metrics

Total package byte prevSize

1220930

increased by0.14%

No dependency changes