@bonniernews/dn-design-system-web 2.1.0-alpha.6 → 2.1.0-alpha.8
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.
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
|
+
## [2.1.0-alpha.8](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@2.1.0-alpha.7...@bonniernews/dn-design-system-web@2.1.0-alpha.8) (2023-02-20)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **web:** remove borders from review icons ([#683](https://github.com/BonnierNews/dn-design-system/issues/683)) ([f47ef42](https://github.com/BonnierNews/dn-design-system/commit/f47ef424be3d537af47c841c225d35f3a3d56535))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## [2.1.0-alpha.7](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@2.1.0-alpha.6...@bonniernews/dn-design-system-web@2.1.0-alpha.7) (2023-02-20)
|
|
16
|
+
|
|
17
|
+
**Note:** Version bump only for package @bonniernews/dn-design-system-web
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
6
23
|
## [2.1.0-alpha.6](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@2.1.0-alpha.5...@bonniernews/dn-design-system-web@2.1.0-alpha.6) (2023-02-20)
|
|
7
24
|
|
|
8
25
|
|
|
@@ -83,6 +83,10 @@ $ds-factbox__max-height: 500px - ($ds-factbox__padding * 2); // @todo verify max
|
|
|
83
83
|
&:not([data-active-grade]) {
|
|
84
84
|
opacity: $ds-opacity-component-disabled;
|
|
85
85
|
}
|
|
86
|
+
&[data-active-grade] {
|
|
87
|
+
border: ds-metrics-border-width(x1) solid currentColor;
|
|
88
|
+
border-radius: 100%;
|
|
89
|
+
}
|
|
86
90
|
&:first-child {
|
|
87
91
|
margin: 0;
|
|
88
92
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
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-thematicbreak-web)
|
|
2
|
+
- Storybook: [ThematicBreak > Web](https://designsystem.dn.se/?path=/story/components-app-web-article-components-thematicbreak-web--thematic-break)
|
|
3
3
|
|
|
4
4
|
----
|
|
5
5
|
|
|
@@ -1,16 +1,14 @@
|
|
|
1
|
+
{% from '@bonniernews/dn-design-system-web/njk-helpers/attributes.njk' import getAttributes %}
|
|
2
|
+
|
|
1
3
|
{% macro ThematicBreak(params) %}
|
|
2
4
|
{% set componentClassName = "ds-thematic-break" %}
|
|
3
5
|
{% set additionalClasses = [] %}
|
|
4
|
-
{% set attributes %}
|
|
5
|
-
{% for attribute, value in params.attributes %}
|
|
6
|
-
{{attribute}}="{{value}}"
|
|
7
|
-
{% endfor %}
|
|
8
|
-
{% endset %}
|
|
6
|
+
{% set attributes = getAttributes(params.attributes) %}
|
|
9
7
|
|
|
10
8
|
{% if params.classNames %}
|
|
11
9
|
{% set additionalClasses = (additionalClasses.push(params.classNames), additionalClasses) %}
|
|
12
10
|
{% endif%}
|
|
13
11
|
|
|
14
12
|
{% set classes = componentClassName + " " + additionalClasses | join(" ") %}
|
|
15
|
-
<hr class="{{ classes }}" {{- attributes | safe }}
|
|
13
|
+
<hr class="{{ classes }}" {{- attributes | safe }}>
|
|
16
14
|
{% endmacro %}
|
|
@@ -2,17 +2,17 @@
|
|
|
2
2
|
{% set iconName = params.icon | lower %}
|
|
3
3
|
<i class="ds-icon ds-icon--grade-{{ iconName }}">
|
|
4
4
|
{% if iconName == "zero" %}
|
|
5
|
-
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path
|
|
5
|
+
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.3034 12C17.0479 12 14.5 15.4966 14.5 20.9719C14.5 26.4471 17.0479 29.9708 21.3034 29.9708C25.559 29.9708 28.134 26.4471 28.134 20.9719C28.134 15.4966 25.559 12 21.3034 12ZM21.3034 29.4016C20.4632 29.4016 20.0295 28.8595 20.0295 27.8024V14.1684C20.0295 13.1113 20.4632 12.5963 21.3034 12.5963C22.1708 12.5963 22.6045 13.1113 22.6045 14.1684V27.8024C22.6045 28.8595 22.1708 29.4016 21.3034 29.4016Z"/><path d="M31.3587 29.9708C32.5513 29.9708 33.5 29.1035 33.5 27.5043C33.5 25.9321 32.5513 25.0377 31.3587 25.0377C30.166 25.0377 29.2174 25.9321 29.2174 27.5043C29.2174 29.1035 30.166 29.9708 31.3587 29.9708Z"/></svg>
|
|
6
6
|
{% elif iconName == "one" %}
|
|
7
|
-
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path
|
|
7
|
+
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.928 12C18.276 15.08 15 14.464 15 14.464V14.94C15 14.94 16.652 15.08 17.52 14.688V27.764C17.52 29.416 17.1 29.612 16.652 29.612H15.42V29.976H25.108V29.612H23.876C23.4 29.612 23.008 29.416 23.008 27.764V12H19.928Z"/><path d="M28.4328 30.564C29.6648 30.564 30.6448 29.668 30.6448 28.016C30.6448 26.392 29.6648 25.468 28.4328 25.468C27.2008 25.468 26.2208 26.392 26.2208 28.016C26.2208 29.668 27.2008 30.564 28.4328 30.564Z"/></svg>
|
|
8
8
|
{% elif iconName == "two" %}
|
|
9
|
-
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path
|
|
9
|
+
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M26.16 22.892C26.16 24.852 24.956 25.356 24.452 25.356H18.404C20.98 24.124 26.468 21.212 26.468 17.46C26.468 14.632 24.312 12 19.076 12C15.716 12 13.588 14.296 13.588 16.424C13.588 18.496 15.016 19.448 16.444 19.448C19.16 19.448 19.216 16.956 19.216 16.816C19.216 16.228 18.796 14.38 16.36 14.38C16.36 14.38 16.416 12.644 19.076 12.644C19.944 12.644 20.756 13.204 20.756 14.296V19.28C20.756 21.212 20 22.248 19.776 22.584C17.9 25.244 13 29.668 13 29.668V30.312H26.496V22.892H26.16Z"/><path d="M29.8409 30.564C31.0729 30.564 32.0529 29.668 32.0529 28.016C32.0529 26.392 31.0729 25.468 29.8409 25.468C28.6089 25.468 27.6289 26.392 27.6289 28.016C27.6289 29.668 28.6089 30.564 29.8409 30.564Z"/></svg>
|
|
10
10
|
{% elif iconName == "three" %}
|
|
11
|
-
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path
|
|
11
|
+
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.876 19.896C24.388 19.532 26.236 18.636 26.236 16.368C26.236 12.7 22.344 12 19.824 12C16.212 12.056 14.532 14.1 14.532 16.004C14.532 17.852 15.82 18.692 17.108 18.692C19.544 18.692 19.6 16.48 19.6 16.34C19.6 15.808 19.236 14.156 17.024 14.156C17.024 14.156 16.884 12.588 19.908 12.588C20.692 12.588 21.42 13.092 21.42 14.072V16.228C21.42 17.628 21.532 19.756 19.936 19.756H18.172V20.344H19.908C20.776 20.344 21.476 20.932 21.476 22.052V28.268C21.476 29.36 20.664 29.92 19.796 29.92C16.436 29.92 16.8 28.184 16.8 28.184C19.236 28.184 19.628 26.336 19.628 25.72C19.628 25.608 19.6 23.116 16.884 23.116C15.456 23.116 14 24.068 14 26.14C14 28.268 15.736 30.564 19.796 30.564C25.032 30.564 27.188 27.736 27.188 24.908C27.188 22.724 26.012 20.708 22.876 19.896Z"/><path d="M29.7472 30.564C30.9792 30.564 31.9592 29.668 31.9592 28.016C31.9592 26.392 30.9792 25.468 29.7472 25.468C28.5152 25.468 27.5352 26.392 27.5352 28.016C27.5352 29.668 28.5152 30.564 29.7472 30.564Z"/></svg>
|
|
12
12
|
{% elif iconName == "four" %}
|
|
13
|
-
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path
|
|
13
|
+
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M25.712 29.948C25.264 29.948 24.844 29.78 24.844 28.128V26.336H27.112V25.188H24.844V12H20.56L13 25.412V26.336H19.356V28.128C19.356 29.78 18.964 29.948 18.488 29.948H17.256V30.312H26.944V29.948H25.712ZM13.84 25.188L19.356 15.276V25.188H13.84Z"/><path d="M30.4425 30.564C31.6745 30.564 32.6545 29.668 32.6545 28.016C32.6545 26.392 31.6745 25.468 30.4425 25.468C29.2105 25.468 28.2305 26.392 28.2305 28.016C28.2305 29.668 29.2105 30.564 30.4425 30.564Z"/></svg>
|
|
14
14
|
{% elif iconName == "five" %}
|
|
15
|
-
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path
|
|
15
|
+
<svg viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M20.216 19.372C18.284 19.372 16.744 20.24 16.744 20.24V16.852H25.032L26.656 11.056L26.292 11C26.292 11 25.9 12.092 24.36 12.092H16.128L16.1 21.136L16.548 21.332C18.116 19.904 19.796 19.96 20.104 19.96C20.972 19.96 21.644 20.548 21.644 21.668V28.388C21.644 29.48 20.86 30.012 19.992 30.012C16.632 30.012 16.8 28.304 16.8 28.304C19.236 28.304 19.628 26.456 19.628 25.84C19.628 25.7 19.6 23.236 16.884 23.236C15.456 23.236 14 24.16 14 26.232C14 28.388 15.904 30.656 19.992 30.656C25.228 30.656 27.384 27.912 27.384 25.084C27.384 22.34 25.536 19.372 20.216 19.372Z"/><path d="M30.212 30.656C31.444 30.656 32.424 29.76 32.424 28.108C32.424 26.484 31.444 25.56 30.212 25.56C28.98 25.56 28 26.484 28 28.108C28 29.76 28.98 30.656 30.212 30.656Z"/></svg>
|
|
16
16
|
{% endif %}
|
|
17
17
|
</i>
|
|
18
18
|
{% endmacro %}
|
package/package.json
CHANGED