@bonniernews/dn-design-system-web 32.4.0 → 32.4.2

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 (19) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/components/button/README.md +3 -3
  3. package/components/button/button-types.ts +28 -7
  4. package/components/button-toggle/README.md +3 -3
  5. package/components/text-button/README-NJK.md +46 -0
  6. package/components/text-button/README.md +28 -46
  7. package/components/text-button/text-button.scss +6 -5
  8. package/foundations/variables/colorsDnDark.scss +1 -1
  9. package/foundations/variables/typographyList.scss +5 -4
  10. package/foundations/variables/typographyScreenExtraLarge.scss +33 -26
  11. package/foundations/variables/typographyScreenLarge.scss +33 -26
  12. package/foundations/variables/typographyScreenSmall.scss +33 -26
  13. package/package.json +1 -1
  14. package/preact/components/button/button-types.d.ts +29 -7
  15. package/preact/components/text-button/text-button.d.ts +6 -0
  16. package/preact/components/text-button/text-button.js +89 -0
  17. package/preact/components/text-button/text-button.js.map +7 -0
  18. package/variables/colors-dark-mode.json +1 -1
  19. package/variables/typography-list.json +6 -5
package/CHANGELOG.md CHANGED
@@ -4,6 +4,22 @@ All changes to @bonniernews/dn-design-system-web will be documented in this file
4
4
 
5
5
 
6
6
 
7
+ ## [32.4.2](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.4.1...@bonniernews/dn-design-system-web@32.4.2) (2025-05-26)
8
+
9
+
10
+ ### Bug Fixes
11
+
12
+ * **web:** text button as tsx ([#1738](https://github.com/BonnierNews/dn-design-system/issues/1738)) ([b58bdf2](https://github.com/BonnierNews/dn-design-system/commit/b58bdf2c97f8cb96077cb1557700b5c906ca1af1))
13
+
14
+ ## [32.4.1](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.4.0...@bonniernews/dn-design-system-web@32.4.1) (2025-05-23)
15
+
16
+
17
+ ### Maintenance
18
+
19
+ * **foundations:** update variables from Figma ([#1747](https://github.com/BonnierNews/dn-design-system/issues/1747)) ([0d268c2](https://github.com/BonnierNews/dn-design-system/commit/0d268c274d6704f707e63e0a72e4ba9e28d31dde))
20
+ * prerelease packages ([cd36380](https://github.com/BonnierNews/dn-design-system/commit/cd36380468c30032e363d97552fdf642a3863f55))
21
+ * **web:** fix broken workflow ([#1748](https://github.com/BonnierNews/dn-design-system/issues/1748)) ([96320ca](https://github.com/BonnierNews/dn-design-system/commit/96320ca146bcdc20dd6131fb0ff1b2f999f7b044))
22
+
7
23
  ## [32.4.0](https://github.com/BonnierNews/dn-design-system/compare/@bonniernews/dn-design-system-web@32.3.2...@bonniernews/dn-design-system-web@32.4.0) (2025-05-19)
8
24
 
9
25
 
package/components/button/README.md CHANGED
@@ -12,14 +12,14 @@ Button
12
12
  | isIconButton | boolean | false |
13
13
  | iconName | add, arrow\_back, arrow\_forward etc | | For all available icons see: [https://designsystem.dn.se/?path=/story/foundations-icons--all-icons](https://designsystem.dn.se/?path=/story/foundations-icons--all-icons)<br />"add", "arrow\_back", "arrow\_forward", "arrow\_outward", "arrow\_upward", "autoplay", "bookmark-filled", "bookmarked" | \- |
14
14
  | variant | Design variant<br />"primary", "staticWhite", "primaryBlack", "secondaryFilled", "secondaryOutline", "transparent" | "primary" |
15
- | disabled | Note: only works on button-tag, not on a-tag<br />boolean | false |
15
+ | text | Note: only works on button-tag, not on a-tag<br />string | \- |
16
+ | disabled | boolean | false |
17
+ | fullWidth | Button will be full width on both desktop and mobile<br />boolean | false |
16
18
  | classNames | string | \- |
17
19
  | attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />{ \[key: string\]: string; } | \- |
18
20
  | forcePx | Fixed pixel value is used for typography to prevent scaling based on html font-size<br />boolean | false |
19
21
  | size | "sm", "md", "lg", "xl" | "md" |
20
22
  | loading | boolean | false |
21
- | text | string | \- |
22
- | fullWidth | Button will be full width on both desktop and mobile<br />boolean | false |
23
23
  | mobileFullWidth | Button will only full width on mobile<br />boolean | false |
24
24
  | href | If href is set the button will be rendered as an a-tag<br />string | \- |
25
25
  | type | "button", "submit" | "button" |
package/components/button/button-types.ts CHANGED
@@ -4,9 +4,12 @@ export interface ButtonSharedProps {
4
4
  /** Design variant */
5
5
  variant?: 'primary' | 'primaryBlack' | 'secondaryFilled' | 'secondaryOutline' | 'transparent' | 'staticWhite'
6
6
  /** Note: only works on button-tag, not on a-tag */
7
+ text?: string
7
8
  disabled?: boolean
8
9
  /** add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons */
9
10
  iconName?: DsIcon
11
+ /** Button will be full width on both desktop and mobile */
12
+ fullWidth?: boolean
10
13
  classNames?: string
11
14
  /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */
12
15
  attributes?: { [key: string]: string }
@@ -22,9 +25,6 @@ export interface AllyProps {
22
25
  }
23
26
 
24
27
  export interface ButtonBaseProps extends ButtonSharedProps {
25
- text?: string
26
- /** Button will be full width on both desktop and mobile */
27
- fullWidth?: boolean
28
28
  /** Button will only full width on mobile */
29
29
  mobileFullWidth?: boolean
30
30
  iconPosition?: 'none' | 'left' | 'right'
@@ -59,7 +59,7 @@ export interface ButtonStandardProps
59
59
  extends ButtonSharedProps,
60
60
  Pick<
61
61
  ButtonBaseProps,
62
- 'text' | 'fullWidth' | 'mobileFullWidth' | 'iconPosition' | 'type' | 'href'
62
+ 'iconPosition' | 'type' | 'href' | 'mobileFullWidth'
63
63
  > {
64
64
  text: string
65
65
  }
@@ -68,7 +68,7 @@ export interface ButtonStandardProps
68
68
  extends ButtonSharedProps,
69
69
  Pick<
70
70
  ButtonBaseProps,
71
- 'text' | 'fullWidth' | 'mobileFullWidth' | 'iconPosition' | 'type' | 'href'> {
71
+ 'iconPosition' | 'type' | 'href' | 'mobileFullWidth'> {
72
72
  iconName: DsIcon
73
73
  }
74
74
 
@@ -78,13 +78,13 @@ export type ButtonProps =
78
78
 
79
79
  export interface ButtonToggleStandardProps
80
80
  extends ButtonSharedProps,
81
- Pick<ButtonBaseProps, 'selected' | 'text' | 'selectedText' | 'selectedIconName' | 'fullWidth' | 'mobileFullWidth'> {
81
+ Pick<ButtonBaseProps, 'selected' | 'selectedText' | 'selectedIconName' | 'mobileFullWidth' > {
82
82
  selectedText: string
83
83
  }
84
84
 
85
85
  export interface ButtonToggleIconProps
86
86
  extends ButtonSharedProps,
87
- Pick<ButtonBaseProps, 'selected' | 'text' | 'selectedText' | 'fullWidth' | 'mobileFullWidth'> {
87
+ Pick<ButtonBaseProps, 'selected' | 'selectedText' | 'mobileFullWidth' > {
88
88
  iconName: DsIcon
89
89
  selectedIconName: DsIcon
90
90
  }
@@ -92,3 +92,24 @@ extends ButtonSharedProps,
92
92
  export type ButtonToggleProps =
93
93
  | ({ isIconButton?: false } & ButtonToggleStandardProps)
94
94
  | ({ isIconButton: true } & ButtonToggleIconProps)
95
+
96
+ export interface TextButtonProps {
97
+ text: string;
98
+ type?: 'button' | 'submit';
99
+ /** If href is set the button will be rendered as an a-tag */
100
+ href?: string;
101
+ disabled?: boolean;
102
+ fullWidth?: boolean
103
+ /** Button will only full width on mobile */
104
+ mobileFullWidth?: boolean
105
+ /** add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons */
106
+ iconName?: DsIcon;
107
+ iconPosition?: 'none' | 'left' | 'right';
108
+ hideTextOnMobile?: boolean;
109
+ size?: 'sm' | 'lg';
110
+ loading?: boolean,
111
+ forcePx?: boolean
112
+ classNames?: string
113
+ /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */
114
+ attributes?: { [key: string]: string }
115
+ }
package/components/button-toggle/README.md CHANGED
@@ -19,17 +19,17 @@ The component will not include styling by itself. Make sure to include the right
19
19
  | isIconButton | boolean | false |
20
20
  | selectedText | string | \- |
21
21
  | variant | Design variant<br />"primary", "staticWhite", "primaryBlack", "secondaryFilled", "secondaryOutline", "transparent" | "primary" |
22
- | disabled | Note: only works on button-tag, not on a-tag<br />boolean | false |
22
+ | text | Note: only works on button-tag, not on a-tag<br />string | \- |
23
+ | disabled | boolean | false |
23
24
  | iconName | add, arrow\_back, arrow\_forward etc | | For all available icons see: [https://designsystem.dn.se/?path=/story/foundations-icons--all-icons](https://designsystem.dn.se/?path=/story/foundations-icons--all-icons)<br />"add", "arrow\_back", "arrow\_forward", "arrow\_outward", "arrow\_upward", "autoplay", "bookmark-filled", "bookmarked" | \- |
25
+ | fullWidth | Button will be full width on both desktop and mobile<br />boolean | false |
24
26
  | classNames | string | \- |
25
27
  | attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />{ \[key: string\]: string; } | { } |
26
28
  | forcePx | Fixed pixel value is used for typography to prevent scaling based on html font-size<br />boolean | false |
27
29
  | size | "sm", "md", "lg", "xl" | "md" |
28
30
  | loading | boolean | false |
29
- | text | string | \- |
30
31
  | selected | boolean | false |
31
32
  | selectedIconName | "add", "arrow\_back", "arrow\_forward", "arrow\_outward", "arrow\_upward", "autoplay", "bookmark-filled", "bookmarked" | \- |
32
- | fullWidth | Button will be full width on both desktop and mobile<br />boolean | false |
33
33
  | mobileFullWidth | Button will only full width on mobile<br />boolean | false |
34
34
 
35
35
  ```jsx
package/components/text-button/README-NJK.md ADDED
@@ -0,0 +1,46 @@
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: [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)
4
+
5
+ ----
6
+
7
+ # TextButton
8
+
9
+ ## Parameters
10
+
11
+ |parameter | type | required | options | default | description |
12
+ |:--- | :--- | :--- | :--- | :--- | :--- |
13
+ |text | String | yes | | | |
14
+ |hideTextOnMobile | bool | no | true, false | false | Text will be hidden on mobile, make sure to use with icon |
15
+ |size| String | no | default, small | default | |
16
+ |disabled | bool | no | true, false | false | Note: only works on button-tag, not on a-tag |
17
+ |fullWidth | bool | no | true, false | false | Button will be full width on both desktop and mobile |
18
+ |mobile.fullWidth | bool | no | true, false | false | Ex mobile: { fullWidth: true } |
19
+ |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-icons--all-icons |
21
+ |loading | bool | no | true, false | false | |
22
+ |href | String | no | | | If href is set the button will be rendered as an a-tag |
23
+ |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
24
+ |classNames | String | no | | | Ex. "my-special-class" |
25
+ |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size
26
+
27
+ ## Minimum requirement example
28
+
29
+ ### Nunjucks
30
+
31
+ These are copy paste friendly examples to quickliy get started using a component.
32
+
33
+ ```html
34
+ {% from '@bonniernews/dn-design-system-web/components/text-button/text-button.njk' import TextButton %}
35
+
36
+ {{ TextButton({
37
+ text: 'My text button',
38
+ iconPosition: 'right',
39
+ iconName: 'arrow_forward'
40
+ })}}
41
+ ```
42
+
43
+ ### SCSS
44
+ ```scss
45
+ @use "@bonniernews/dn-design-system-web/components/text-button/text-button";
46
+ ```
package/components/text-button/README.md CHANGED
@@ -1,46 +1,28 @@
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: [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)
4
-
5
- ----
6
-
7
- # TextButton
8
-
9
- ## Parameters
10
-
11
- |parameter | type | required | options | default | description |
12
- |:--- | :--- | :--- | :--- | :--- | :--- |
13
- |text | String | yes | | | |
14
- |hideTextOnMobile | bool | no | true, false | false | Text will be hidden on mobile, make sure to use with icon |
15
- |size| String | no | default, small | default | |
16
- |disabled | bool | no | true, false | false | Note: only works on button-tag, not on a-tag |
17
- |fullWidth | bool | no | true, false | false | Button will be full width on both desktop and mobile |
18
- |mobile.fullWidth | bool | no | true, false | false | Ex mobile: { fullWidth: true } |
19
- |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-icons--all-icons |
21
- |loading | bool | no | true, false | false | |
22
- |href | String | no | | | If href is set the button will be rendered as an a-tag |
23
- |attributes | Object | no | | | Ex. { target: "_blank", "data-test": "lorem ipsum" } |
24
- |classNames | String | no | | | Ex. "my-special-class" |
25
- |forcePx | bool | no | true, false | false | Fixed pixel value is used for typography to prevent scaling based on html font-size
26
-
27
- ## Minimum requirement example
28
-
29
- ### Nunjucks
30
-
31
- These are copy paste friendly examples to quickliy get started using a component.
32
-
33
- ```html
34
- {% from '@bonniernews/dn-design-system-web/components/text-button/text-button.njk' import TextButton %}
35
-
36
- {{ TextButton({
37
- text: 'My text button',
38
- iconPosition: 'right',
39
- iconName: 'arrow_forward'
40
- })}}
41
- ```
42
-
43
- ### SCSS
44
- ```scss
45
- @use "@bonniernews/dn-design-system-web/components/text-button/text-button";
46
- ```
1
+ TextButton
2
+ ==========
3
+
4
+ * GitHub: [BonnierNews/dn-design-system/../web/src/components/text-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button)
5
+ * Storybook: [TextButton](https://designsystem.dn.se/?path=/docs/basic-buttons-textbutton--docs)
6
+
7
+ | Name | Description | Default |
8
+ |:--- | :--- | :--- |
9
+ | text\* | string | \- |
10
+ | type | "button", "submit" | "button" |
11
+ | href | If href is set the button will be rendered as an a-tag<br />string | \- |
12
+ | disabled | boolean | false |
13
+ | fullWidth | boolean | false |
14
+ | mobileFullWidth | Button will only full width on mobile<br />boolean | false |
15
+ | iconName | add, arrow\_back, arrow\_forward etc | | For all available icons see: [https://designsystem.dn.se/?path=/story/foundations-icons--all-icons](https://designsystem.dn.se/?path=/story/foundations-icons--all-icons)<br />"add", "arrow\_back", "arrow\_forward", "arrow\_outward", "arrow\_upward", "autoplay", "bookmark-filled", "bookmarked" | \- |
16
+ | iconPosition | "right", "none", "left" | "none" |
17
+ | hideTextOnMobile | boolean | false |
18
+ | size | "sm", "lg" | \- |
19
+ | loading | boolean | false |
20
+ | forcePx | boolean | false |
21
+ | classNames | string | ", " |
22
+ | attributes | Ex. { target: "\_blank", "data-test": "lorem ipsum" }<br />{ \[key: string\]: string; } | { } |
23
+
24
+ ```jsx
25
+ <TextButton
26
+ text="No icon"
27
+ />
28
+ ```
package/components/text-button/text-button.scss CHANGED
@@ -30,7 +30,8 @@ $ds-text-btn__underline-offset: 2px;
30
30
  --ds-text-btn__icon-margin: #{ds-spacing(0 0 0 $ds-s-050)};
31
31
  }
32
32
 
33
- &.ds-text-btn--small {
33
+ &.ds-text-btn--small,
34
+ &.ds-text-btn--sm {
34
35
  --ds-text-btn__icon-size: #{ds-px-to-rem(20px)};
35
36
 
36
37
  &.ds-force-px {
@@ -44,6 +45,10 @@ $ds-text-btn__underline-offset: 2px;
44
45
  &.ds-text-btn--icon-right {
45
46
  --ds-text-btn__icon-margin: #{ds-spacing(0 0 0 $ds-s-025)};
46
47
  }
48
+
49
+ .ds-text-btn__text {
50
+ @include ds-typography-with-force-px($ds-typography-functional-body-sm);
51
+ }
47
52
  }
48
53
 
49
54
  &.ds-text-btn--icon-only-mobile {
@@ -96,10 +101,6 @@ $ds-text-btn__underline-offset: 2px;
96
101
  text-decoration: underline;
97
102
  }
98
103
 
99
- &.ds-text-btn--small .ds-text-btn__text {
100
- @include ds-typography-with-force-px($ds-typography-functional-body-sm);
101
- }
102
-
103
104
  @include ds-hover() {
104
105
  &:hover:not(.ds-loading) .ds-text-btn__text {
105
106
  text-decoration: none;
package/foundations/variables/colorsDnDark.scss CHANGED
@@ -20,7 +20,7 @@ $ds-hex-dark-border-primary-strong: rgba(255, 255, 255, 0.25);
20
20
  $ds-hex-dark-border-primary-strongest: #ffffff;
21
21
  $ds-hex-dark-border-primaryinvert: rgba(5, 5, 5, 0.13);
22
22
  $ds-hex-dark-border-primaryinvert-strong: rgba(5, 5, 5, 0.5);
23
- $ds-hex-dark-border-primaryinvert-strongest: #0d0d0d;
23
+ $ds-hex-dark-border-primaryinvert-strongest: #171717;
24
24
  $ds-hex-dark-border-brand: #fd2330;
25
25
  $ds-hex-dark-border-culture: #4293d7;
26
26
  $ds-hex-dark-text-primary: #e5e5e5;
package/foundations/variables/typographyList.scss CHANGED
@@ -30,8 +30,6 @@ $ds-typography-detail-teaser-centrerad: 'detail-teaser-centrerad';
30
30
  $ds-typography-detail-teaser-standard: 'detail-teaser-standard';
31
31
  $ds-typography-detail-teaser-large-compact: 'detail-teaser-large-compact';
32
32
  $ds-typography-detail-teaser-baotaxl: 'detail-teaser-baotaxl';
33
- $ds-typography-detail-teaser-text-i-bild: 'detail-teaser-text-i-bild';
34
- $ds-typography-detail-teaser-large-opinion: 'detail-teaser-large-opinion';
35
33
  $ds-typography-detail-teaser-large-rightcol: 'detail-teaser-large-rightcol';
36
34
  $ds-typography-detail-teaser-standard-compact-opinion: 'detail-teaser-standard-compact-opinion';
37
35
  $ds-typography-detail-teaser-twin: 'detail-teaser-twin';
@@ -40,7 +38,8 @@ $ds-typography-detail-teaser-tipsa: 'detail-teaser-tipsa';
40
38
  $ds-typography-detail-teaser-storrubrik: 'detail-teaser-storrubrik';
41
39
  $ds-typography-detail-teaser-standard-compact: 'detail-teaser-standard-compact';
42
40
  $ds-typography-detail-teaser-storrubrik-opinion: 'detail-teaser-storrubrik-opinion';
43
- $ds-typography-detail-medryckare: 'detail-medryckare';
41
+ $ds-typography-detail-teaser-large-opinion: 'detail-teaser-large-opinion';
42
+ $ds-typography-detail-teaser-text-i-bild: 'detail-teaser-text-i-bild';
44
43
  $ds-typography-detail-article-quote: 'detail-article-quote';
45
44
  $ds-typography-detail-article-standard: 'detail-article-standard';
46
45
  $ds-typography-detail-article-direkt: 'detail-article-direkt';
@@ -49,6 +48,8 @@ $ds-typography-detail-article-longread-premium: 'detail-article-longread-premium
49
48
  $ds-typography-detail-article-direct-opinion: 'detail-article-direct-opinion';
50
49
  $ds-typography-detail-article-opinion: 'detail-article-opinion';
51
50
  $ds-typography-detail-mellanrubrik: 'detail-mellanrubrik';
52
- $ds-typography-detail-direkt-header: 'detail-direkt-header';
53
51
  $ds-typography-detail-gameheader: 'detail-gameheader';
54
52
  $ds-typography-detail-dropcap: 'detail-dropcap';
53
+ $ds-typography-detail-direkt-header: 'detail-direkt-header';
54
+ $ds-typography-detail-medryckare: 'detail-medryckare';
55
+ $ds-typography-detail-direkt-body: 'detail-direkt-body';
package/foundations/variables/typographyScreenExtraLarge.scss CHANGED
@@ -224,21 +224,6 @@ $typographyScreenExtraLarge: (
224
224
  fontSize: 80,
225
225
  fontWeight: Bold
226
226
  ),
227
- detail-teaser-text-i-bild: (
228
- lineHeight: 1.1,
229
- letterSpacing: 0,
230
- fontFamily: "DN Serif Display",
231
- fontSize: 40,
232
- fontWeight: Regular
233
- ),
234
- detail-teaser-large-opinion: (
235
- lineHeight: 1.1,
236
- letterSpacing: 0,
237
- fontFamily: "DN Serif Display",
238
- fontSize: 36,
239
- fontStyle: italic,
240
- fontWeight: Regular
241
- ),
242
227
  detail-teaser-large-rightcol: (
243
228
  lineHeight: 1.2,
244
229
  letterSpacing: 0,
@@ -298,11 +283,19 @@ $typographyScreenExtraLarge: (
298
283
  fontStyle: italic,
299
284
  fontWeight: Regular
300
285
  ),
301
- detail-medryckare: (
302
- lineHeight: 1.4,
286
+ detail-teaser-large-opinion: (
287
+ lineHeight: 1.1,
303
288
  letterSpacing: 0,
304
- fontFamily: "DN Serif Text",
305
- fontSize: 16,
289
+ fontFamily: "DN Serif Display",
290
+ fontSize: 36,
291
+ fontStyle: italic,
292
+ fontWeight: Regular
293
+ ),
294
+ detail-teaser-text-i-bild: (
295
+ lineHeight: 1.1,
296
+ letterSpacing: 0,
297
+ fontFamily: "DN Serif Display",
298
+ fontSize: 40,
306
299
  fontWeight: Regular
307
300
  ),
308
301
  detail-article-quote: (
@@ -363,13 +356,6 @@ $typographyScreenExtraLarge: (
363
356
  fontSize: 28,
364
357
  fontWeight: Bold
365
358
  ),
366
- detail-direkt-header: (
367
- lineHeight: 1.1,
368
- letterSpacing: 0,
369
- fontFamily: "DN Serif Display",
370
- fontSize: 48,
371
- fontWeight: Regular
372
- ),
373
359
  detail-gameheader: (
374
360
  lineHeight: 1.1,
375
361
  letterSpacing: 0,
@@ -383,5 +369,26 @@ $typographyScreenExtraLarge: (
383
369
  fontFamily: "DN Serif Display",
384
370
  fontSize: 92,
385
371
  fontWeight: Bold
372
+ ),
373
+ detail-direkt-header: (
374
+ lineHeight: 1.1,
375
+ letterSpacing: 0,
376
+ fontFamily: "DN Serif Display",
377
+ fontSize: 36,
378
+ fontWeight: Bold
379
+ ),
380
+ detail-medryckare: (
381
+ lineHeight: 1.4,
382
+ letterSpacing: 0,
383
+ fontFamily: "DN Serif Text",
384
+ fontSize: 16,
385
+ fontWeight: Regular
386
+ ),
387
+ detail-direkt-body: (
388
+ lineHeight: 1.5,
389
+ letterSpacing: 0,
390
+ fontFamily: "DN Serif Text",
391
+ fontSize: 18,
392
+ fontWeight: Regular
386
393
  )
387
394
  );
package/foundations/variables/typographyScreenLarge.scss CHANGED
@@ -224,21 +224,6 @@ $typographyScreenLarge: (
224
224
  fontSize: 56,
225
225
  fontWeight: Bold
226
226
  ),
227
- detail-teaser-text-i-bild: (
228
- lineHeight: 1.1,
229
- letterSpacing: 0,
230
- fontFamily: "DN Serif Display",
231
- fontSize: 40,
232
- fontWeight: Regular
233
- ),
234
- detail-teaser-large-opinion: (
235
- lineHeight: 1.1,
236
- letterSpacing: 0,
237
- fontFamily: "DN Serif Display",
238
- fontSize: 26,
239
- fontStyle: italic,
240
- fontWeight: Regular
241
- ),
242
227
  detail-teaser-large-rightcol: (
243
228
  lineHeight: 1.2,
244
229
  letterSpacing: 0,
@@ -298,11 +283,19 @@ $typographyScreenLarge: (
298
283
  fontStyle: italic,
299
284
  fontWeight: Regular
300
285
  ),
301
- detail-medryckare: (
302
- lineHeight: 1.4,
286
+ detail-teaser-large-opinion: (
287
+ lineHeight: 1.1,
303
288
  letterSpacing: 0,
304
- fontFamily: "DN Serif Text",
305
- fontSize: 16,
289
+ fontFamily: "DN Serif Display",
290
+ fontSize: 26,
291
+ fontStyle: italic,
292
+ fontWeight: Regular
293
+ ),
294
+ detail-teaser-text-i-bild: (
295
+ lineHeight: 1.1,
296
+ letterSpacing: 0,
297
+ fontFamily: "DN Serif Display",
298
+ fontSize: 40,
306
299
  fontWeight: Regular
307
300
  ),
308
301
  detail-article-quote: (
@@ -363,13 +356,6 @@ $typographyScreenLarge: (
363
356
  fontSize: 28,
364
357
  fontWeight: Bold
365
358
  ),
366
- detail-direkt-header: (
367
- lineHeight: 1.1,
368
- letterSpacing: 0,
369
- fontFamily: "DN Serif Display",
370
- fontSize: 48,
371
- fontWeight: Regular
372
- ),
373
359
  detail-gameheader: (
374
360
  lineHeight: 1.1,
375
361
  letterSpacing: 0,
@@ -383,5 +369,26 @@ $typographyScreenLarge: (
383
369
  fontFamily: "DN Serif Display",
384
370
  fontSize: 92,
385
371
  fontWeight: Bold
372
+ ),
373
+ detail-direkt-header: (
374
+ lineHeight: 1.1,
375
+ letterSpacing: 0,
376
+ fontFamily: "DN Serif Display",
377
+ fontSize: 36,
378
+ fontWeight: Bold
379
+ ),
380
+ detail-medryckare: (
381
+ lineHeight: 1.4,
382
+ letterSpacing: 0,
383
+ fontFamily: "DN Serif Text",
384
+ fontSize: 16,
385
+ fontWeight: Regular
386
+ ),
387
+ detail-direkt-body: (
388
+ lineHeight: 1.5,
389
+ letterSpacing: 0,
390
+ fontFamily: "DN Serif Text",
391
+ fontSize: 18,
392
+ fontWeight: Regular
386
393
  )
387
394
  );
package/foundations/variables/typographyScreenSmall.scss CHANGED
@@ -224,21 +224,6 @@ $typographyScreenSmall: (
224
224
  fontSize: 32,
225
225
  fontWeight: Bold
226
226
  ),
227
- detail-teaser-text-i-bild: (
228
- lineHeight: 1.1,
229
- letterSpacing: 0,
230
- fontFamily: "DN Serif Display",
231
- fontSize: 32,
232
- fontWeight: Regular
233
- ),
234
- detail-teaser-large-opinion: (
235
- lineHeight: 1.2,
236
- letterSpacing: 0,
237
- fontFamily: "DN Serif Headline",
238
- fontSize: 22,
239
- fontStyle: italic,
240
- fontWeight: Regular
241
- ),
242
227
  detail-teaser-large-rightcol: (
243
228
  lineHeight: 1.2,
244
229
  letterSpacing: 0,
@@ -298,11 +283,19 @@ $typographyScreenSmall: (
298
283
  fontStyle: italic,
299
284
  fontWeight: Regular
300
285
  ),
301
- detail-medryckare: (
302
- lineHeight: 1.4,
286
+ detail-teaser-large-opinion: (
287
+ lineHeight: 1.1,
303
288
  letterSpacing: 0,
304
- fontFamily: "DN Serif Text",
305
- fontSize: 16,
289
+ fontFamily: "DN Serif Headline",
290
+ fontSize: 22,
291
+ fontStyle: italic,
292
+ fontWeight: Regular
293
+ ),
294
+ detail-teaser-text-i-bild: (
295
+ lineHeight: 1.1,
296
+ letterSpacing: 0,
297
+ fontFamily: "DN Serif Display",
298
+ fontSize: 32,
306
299
  fontWeight: Regular
307
300
  ),
308
301
  detail-article-quote: (
@@ -363,13 +356,6 @@ $typographyScreenSmall: (
363
356
  fontSize: 22,
364
357
  fontWeight: Bold
365
358
  ),
366
- detail-direkt-header: (
367
- lineHeight: 1.1,
368
- letterSpacing: 0,
369
- fontFamily: "DN Serif Display",
370
- fontSize: 32,
371
- fontWeight: Regular
372
- ),
373
359
  detail-gameheader: (
374
360
  lineHeight: 1.1,
375
361
  letterSpacing: 0,
@@ -383,5 +369,26 @@ $typographyScreenSmall: (
383
369
  fontFamily: "DN Serif Display",
384
370
  fontSize: 52,
385
371
  fontWeight: Bold
372
+ ),
373
+ detail-direkt-header: (
374
+ lineHeight: 1.1,
375
+ letterSpacing: 0,
376
+ fontFamily: "DN Serif Headline",
377
+ fontSize: 26,
378
+ fontWeight: Bold
379
+ ),
380
+ detail-medryckare: (
381
+ lineHeight: 1.4,
382
+ letterSpacing: 0,
383
+ fontFamily: "DN Serif Text",
384
+ fontSize: 16,
385
+ fontWeight: Regular
386
+ ),
387
+ detail-direkt-body: (
388
+ lineHeight: 1.5,
389
+ letterSpacing: 0,
390
+ fontFamily: "DN Serif Text",
391
+ fontSize: 16,
392
+ fontWeight: Regular
386
393
  )
387
394
  );
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bonniernews/dn-design-system-web",
3
- "version": "32.4.0",
3
+ "version": "32.4.2",
4
4
  "description": "DN design system for web.",
5
5
  "type": "module",
6
6
  "homepage": "https://github.com/BonnierNews/dn-design-system/tree/main/web/src#readme",
package/preact/components/button/button-types.d.ts CHANGED
@@ -3,9 +3,12 @@ export interface ButtonSharedProps {
3
3
  /** Design variant */
4
4
  variant?: 'primary' | 'primaryBlack' | 'secondaryFilled' | 'secondaryOutline' | 'transparent' | 'staticWhite';
5
5
  /** Note: only works on button-tag, not on a-tag */
6
+ text?: string;
6
7
  disabled?: boolean;
7
8
  /** add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons */
8
9
  iconName?: DsIcon;
10
+ /** Button will be full width on both desktop and mobile */
11
+ fullWidth?: boolean;
9
12
  classNames?: string;
10
13
  /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */
11
14
  attributes?: {
@@ -21,9 +24,6 @@ export interface AllyProps {
21
24
  visuallyHidden?: string;
22
25
  }
23
26
  export interface ButtonBaseProps extends ButtonSharedProps {
24
- text?: string;
25
- /** Button will be full width on both desktop and mobile */
26
- fullWidth?: boolean;
27
27
  /** Button will only full width on mobile */
28
28
  mobileFullWidth?: boolean;
29
29
  iconPosition?: 'none' | 'left' | 'right';
@@ -51,10 +51,10 @@ export interface ToggleWrapperProps {
51
51
  onChild?: any;
52
52
  offChild?: any;
53
53
  }
54
- export interface ButtonStandardProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'text' | 'fullWidth' | 'mobileFullWidth' | 'iconPosition' | 'type' | 'href'> {
54
+ export interface ButtonStandardProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'iconPosition' | 'type' | 'href' | 'mobileFullWidth'> {
55
55
  text: string;
56
56
  }
57
- export interface ButtonIconProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'text' | 'fullWidth' | 'mobileFullWidth' | 'iconPosition' | 'type' | 'href'> {
57
+ export interface ButtonIconProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'iconPosition' | 'type' | 'href' | 'mobileFullWidth'> {
58
58
  iconName: DsIcon;
59
59
  }
60
60
  export type ButtonProps = ({
@@ -62,10 +62,10 @@ export type ButtonProps = ({
62
62
  } & ButtonIconProps) | ({
63
63
  isIconButton?: false;
64
64
  } & ButtonStandardProps);
65
- export interface ButtonToggleStandardProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'selected' | 'text' | 'selectedText' | 'selectedIconName' | 'fullWidth' | 'mobileFullWidth'> {
65
+ export interface ButtonToggleStandardProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'selected' | 'selectedText' | 'selectedIconName' | 'mobileFullWidth'> {
66
66
  selectedText: string;
67
67
  }
68
- export interface ButtonToggleIconProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'selected' | 'text' | 'selectedText' | 'fullWidth' | 'mobileFullWidth'> {
68
+ export interface ButtonToggleIconProps extends ButtonSharedProps, Pick<ButtonBaseProps, 'selected' | 'selectedText' | 'mobileFullWidth'> {
69
69
  iconName: DsIcon;
70
70
  selectedIconName: DsIcon;
71
71
  }
@@ -74,3 +74,25 @@ export type ButtonToggleProps = ({
74
74
  } & ButtonToggleStandardProps) | ({
75
75
  isIconButton: true;
76
76
  } & ButtonToggleIconProps);
77
+ export interface TextButtonProps {
78
+ text: string;
79
+ type?: 'button' | 'submit';
80
+ /** If href is set the button will be rendered as an a-tag */
81
+ href?: string;
82
+ disabled?: boolean;
83
+ fullWidth?: boolean;
84
+ /** Button will only full width on mobile */
85
+ mobileFullWidth?: boolean;
86
+ /** add, arrow_back, arrow_forward etc | | For all available icons see: https://designsystem.dn.se/?path=/story/foundations-icons--all-icons */
87
+ iconName?: DsIcon;
88
+ iconPosition?: 'none' | 'left' | 'right';
89
+ hideTextOnMobile?: boolean;
90
+ size?: 'sm' | 'lg';
91
+ loading?: boolean;
92
+ forcePx?: boolean;
93
+ classNames?: string;
94
+ /** Ex. { target: "_blank", "data-test": "lorem ipsum" } */
95
+ attributes?: {
96
+ [key: string]: string;
97
+ };
98
+ }
package/preact/components/text-button/text-button.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { TextButtonProps } from '../button/button-types';
2
+ /**
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)
4
+ * - Storybook: [TextButton](https://designsystem.dn.se/?path=/docs/basic-buttons-textbutton--docs)
5
+ */
6
+ export declare const TextButton: ({ text, href, type, iconName, iconPosition, size, fullWidth, mobileFullWidth, hideTextOnMobile, loading, disabled, forcePx, classNames, attributes, }: TextButtonProps) => import("preact").JSX.Element;
package/preact/components/text-button/text-button.js ADDED
@@ -0,0 +1,89 @@
1
+ // ../src/helpers/formatClassString.ts
2
+ var formatClassString = (classesArray) => {
3
+ return classesArray.filter((x) => !!x).join(" ");
4
+ };
5
+
6
+ // ../src/foundations/icons/sprite.svg
7
+ import { h } from "preact";
8
+ import { jsx, jsxs } from "preact/jsx-runtime";
9
+
10
+ // ../src/components/icon-sprite/icon-sprite.tsx
11
+ import { jsx as jsx2 } from "preact/jsx-runtime";
12
+ var IconUse = ({ iconName, classNames, attributes }) => {
13
+ const componentClassName = "ds-icon";
14
+ const classes = formatClassString([
15
+ componentClassName,
16
+ `${componentClassName}--sprite`,
17
+ `${componentClassName}--${iconName}`,
18
+ classNames
19
+ ]);
20
+ return /* @__PURE__ */ jsx2("i", { className: classes, ...attributes, children: /* @__PURE__ */ jsx2("svg", { children: /* @__PURE__ */ jsx2("use", { xlinkHref: `#ds-${iconName}` }) }) });
21
+ };
22
+
23
+ // ../src/components/spinner/spinner.tsx
24
+ import { jsx as jsx3 } from "preact/jsx-runtime";
25
+ var Spinner = ({ variant = "primary", size = "large", forcePx, classNames, attributes }) => {
26
+ const componentClassName = "ds-spinner";
27
+ const classes = formatClassString([
28
+ `${componentClassName}`,
29
+ `${componentClassName}--${variant}`,
30
+ `${componentClassName}--${size}`,
31
+ forcePx && "ds-force-px",
32
+ classNames
33
+ ]);
34
+ return /* @__PURE__ */ jsx3("span", { className: classes, ...attributes, children: /* @__PURE__ */ jsx3("span", { className: `${componentClassName}__inner` }) });
35
+ };
36
+ var spinner_default = Spinner;
37
+
38
+ // ../src/components/text-button/text-button.tsx
39
+ import { jsx as jsx4, jsxs as jsxs2 } from "preact/jsx-runtime";
40
+ var TextButton = ({
41
+ text,
42
+ href,
43
+ type = "button",
44
+ iconName,
45
+ iconPosition = "none",
46
+ size,
47
+ fullWidth = false,
48
+ mobileFullWidth = false,
49
+ hideTextOnMobile = false,
50
+ loading = false,
51
+ disabled = false,
52
+ forcePx = false,
53
+ classNames = "",
54
+ attributes = {}
55
+ }) => {
56
+ const iconSvg = iconName && iconPosition !== "none" ? /* @__PURE__ */ jsx4(IconUse, { iconName, attributes: { "aria-hidden": "true" } }) : null;
57
+ const componentClassName = "ds-text-btn";
58
+ const classNamePrefix = `${componentClassName}--`;
59
+ const classes = [
60
+ componentClassName,
61
+ size && `${classNamePrefix}${size}`,
62
+ fullWidth && `${classNamePrefix}full-width`,
63
+ mobileFullWidth && `${classNamePrefix}mobile-full-width`,
64
+ iconSvg && `${classNamePrefix}icon-${iconPosition}`,
65
+ hideTextOnMobile && `${classNamePrefix}icon-only-mobile`,
66
+ loading && "ds-loading",
67
+ forcePx && "ds-force-px",
68
+ classNames
69
+ ].filter(Boolean).join(" ");
70
+ const ariaLabel = attributes["aria-label"] || text;
71
+ const spinnerSize = size === "sm" ? "xsmall" : "small";
72
+ const loadingHtml = loading ? /* @__PURE__ */ jsx4(spinner_default, { size: spinnerSize, variant: "primary", forcePx, attributes: { "aria-hidden": "true" } }) : null;
73
+ if (href) {
74
+ return /* @__PURE__ */ jsxs2("a", { href: href || "#", "aria-label": ariaLabel, className: classes, ...attributes, children: [
75
+ /* @__PURE__ */ jsx4("span", { className: "ds-text-btn__text", "aria-hidden": "true", children: text }),
76
+ iconSvg,
77
+ loadingHtml
78
+ ] });
79
+ }
80
+ return /* @__PURE__ */ jsxs2("button", { type, "aria-label": ariaLabel, className: classes, disabled, ...attributes, children: [
81
+ /* @__PURE__ */ jsx4("span", { className: "ds-text-btn__text", "aria-hidden": "true", children: text }),
82
+ iconSvg,
83
+ loadingHtml
84
+ ] });
85
+ };
86
+ export {
87
+ TextButton
88
+ };
89
+ //# sourceMappingURL=text-button.js.map
package/preact/components/text-button/text-button.js.map ADDED
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../../helpers/formatClassString.ts", "../../../foundations/icons/sprite.svg", "../../../components/icon-sprite/icon-sprite.tsx", "../../../components/spinner/spinner.tsx", "../../../components/text-button/text-button.tsx"],
4
+ "sourcesContent": ["export const formatClassString = (classesArray: (string|undefined|false)[]): string => {\n return classesArray.filter(x => !!x).join(' ');\n}\n", "import { h } from \"preact\";\nconst SvgSprite = props => <svg style={{\n display: \"block\",\n height: 0,\n width: 0\n}} {...props}><defs /><symbol id=\"ds-add\" viewBox=\"0 0 24 24\"><path d=\"M11.35 19.16v-6h-6v-1.5h6v-6h1.5v6h6v1.5h-6v6h-1.5Z\" /></symbol><symbol id=\"ds-arrow_back\" viewBox=\"0 0 24 24\"><path d=\"m12.313 19.808-7.626-7.625 7.625-7.625 1.075 1.075-5.825 5.8h12.375v1.5H7.563l5.825 5.8-1.075 1.075Z\" /></symbol><symbol id=\"ds-arrow_forward\" viewBox=\"0 0 24 24\"><path d=\"m12 19.625-1.075-1.075 5.825-5.8H4.375v-1.5H16.75l-5.825-5.8L12 4.375 19.625 12 12 19.625Z\" /></symbol><symbol id=\"ds-arrow_outward\" viewBox=\"0 0 24 24\"><path d=\"M6.4 17.65 5.35 16.6l9.85-9.85H6.25v-1.5h11.5v11.5h-1.5V7.8L6.4 17.65Z\" /></symbol><symbol id=\"ds-arrow_upward\" viewBox=\"0 0 24 24\"><path d=\"M11.25 19.615V7.258L5.44 13.069 4.385 12 12 4.385 19.616 12l-1.054 1.07-5.812-5.812v12.357h-1.5Z\" /></symbol><symbol id=\"ds-autoplay\" viewBox=\"0 0 24 24\"><path d=\"M9.75 16.038V7.962L16.038 12 9.75 16.038ZM12 22.5c-1.87 0-3.592-.456-5.163-1.367C5.264 20.22 3.986 18.94 3 17.29v3.21H1.5v-5.692h5.683v1.5H4.175c.812 1.455 1.908 2.6 3.29 3.437A8.595 8.595 0 0 0 12 21c1.949 0 3.707-.57 5.275-1.712 1.568-1.142 2.656-2.64 3.264-4.496l1.469.325c-.686 2.21-1.95 3.992-3.789 5.348C16.38 21.822 14.306 22.5 12 22.5ZM1.55 11a11.3 11.3 0 0 1 .752-3.006c.378-.925.915-1.818 1.61-2.678L4.99 6.375a9.71 9.71 0 0 0-1.272 2.144A9.544 9.544 0 0 0 3.066 11H1.55Zm4.84-6.016L5.33 3.906a10.985 10.985 0 0 1 2.702-1.618A9.781 9.781 0 0 1 11 1.57v1.5c-.83.084-1.634.29-2.41.62-.777.33-1.51.762-2.2 1.295Zm11.216 0a9.007 9.007 0 0 0-2.178-1.29A8.238 8.238 0 0 0 13 3.07v-1.5c1.033.094 2.03.338 2.991.732a10.43 10.43 0 0 1 2.684 1.615l-1.07 1.068ZM20.93 11a8.605 8.605 0 0 0-1.935-4.615l1.07-1.07a9.99 9.99 0 0 1 1.623 2.665c.395.96.642 1.967.742 3.02h-1.5Z\" /></symbol><symbol id=\"ds-bookmark-filled\" viewBox=\"0 0 24 24\"><path d=\"M5.5 20.25V3.5h13v16.75l-6.5-2.8-6.5 2.8Z\" /></symbol><symbol id=\"ds-bookmarked\" viewBox=\"0 0 24 24\"><path d=\"m7 17.95 5-2.15 5 2.15V5H7v12.95Zm-1.5 2.3V3.5h13v16.75l-6.5-2.8-6.5 2.8Z\" /></symbol><symbol id=\"ds-campaign\" viewBox=\"0 0 24 24\"><path d=\"M17.95 12.75v-1.5h3.625v1.5H17.95Zm1.15 6.725L16.2 17.3l.925-1.175 2.9 2.15-.925 1.2ZM17.075 7.85l-.9-1.2 2.9-2.175.9 1.2-2.9 2.175ZM5.25 18.475v-3.9H4.225c-.5 0-.925-.175-1.275-.525a1.736 1.736 0 0 1-.525-1.275v-1.55c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525H8.1l4.475-2.675v10.5L8.1 14.575H6.75v3.9h-1.5Zm8.7-3.35v-6.25c.4.367.721.817.963 1.35.241.533.362 1.125.362 1.775 0 .65-.12 1.242-.362 1.775a4.108 4.108 0 0 1-.963 1.35Zm-9.725-4.2c-.067 0-.133.033-.2.1s-.1.133-.1.2v1.55c0 .067.033.133.1.2s.133.1.2.1H8.5l2.575 1.5v-5.15l-2.575 1.5H4.225Z\" /></symbol><symbol id=\"ds-cancel\" viewBox=\"0 0 24 24\"><path d=\"m8.4 16.65 3.6-3.6 3.6 3.6 1.05-1.05-3.6-3.6 3.6-3.6-1.05-1.05-3.6 3.6-3.6-3.6L7.35 8.4l3.6 3.6-3.6 3.6 1.05 1.05ZM12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-celebration\" viewBox=\"0 0 24 24\"><path d=\"M2.8 20.925 7.175 8.65l7.9 7.9L2.8 20.925Zm2.475-2.475 7.05-2.5-4.55-4.55-2.5 7.05Zm8.7-6-.825-.825 7.3-7.325 2.3 2.325-.825.825-1.475-1.475-6.475 6.475Zm-3.65-3.65L9.5 7.95l1.675-1.675-1.725-1.7.85-.85 2.55 2.55L10.325 8.8Zm1.825 1.825-.825-.825L15.8 5.325 13.325 2.85 14.15 2l3.325 3.325-5.325 5.3Zm3.65 3.65-.825-.825 3.15-3.15 3.15 3.15-.85.825-2.3-2.3-2.325 2.3Z\" /></symbol><symbol id=\"ds-check_box_outline_blank\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h13.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v13.4c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm0-1.5h13.4c.067 0 .133-.033.2-.1s.1-.133.1-.2V5.3c0-.067-.033-.133-.1-.2s-.133-.1-.2-.1H5.3c-.067 0-.133.033-.2.1s-.1.133-.1.2v13.4c0 .067.033.133.1.2s.133.1.2.1Z\" /></symbol><symbol id=\"ds-check_box-filled\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h13.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v13.4c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm5.3-5.025a.93.93 0 0 0 .338-.063.813.813 0 0 0 .287-.187l5.6-5.6c.133-.133.2-.3.2-.5A.72.72 0 0 0 16.8 8.6a.734.734 0 0 0-.538-.225.654.654 0 0 0-.512.225l-5.15 5.15-2.35-2.35a.679.679 0 0 0-.5-.2.72.72 0 0 0-.525.225.72.72 0 0 0-.225.525c0 .2.075.375.225.525l2.75 2.75a.81.81 0 0 0 .288.187c.108.042.22.063.337.063Z\" /></symbol><symbol id=\"ds-check_circle\" viewBox=\"0 0 24 24\"><path d=\"M10.575 16.25 17.3 9.525l-1.05-1.05-5.675 5.675-2.85-2.85-1.05 1.05 3.9 3.9ZM12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-check\" viewBox=\"0 0 24 24\"><path d=\"M9.785 17.48 4.46 12.155l1.05-1.075 4.275 4.275L18.96 6.18l1.05 1.075L9.785 17.48Z\" /></symbol><symbol id=\"ds-chevron_down\" viewBox=\"0 0 24 24\"><path d=\"m2.479 7.883 1.42-1.42 8.234 8.235 8.234-8.235 1.42 1.42-9.654 9.654-9.654-9.654Z\" /></symbol><symbol id=\"ds-chevron_left\" viewBox=\"0 0 24 24\"><path d=\"M14 17.65 8.35 12 14 6.35l1.05 1.05-4.6 4.6 4.6 4.6L14 17.65Z\" /></symbol><symbol id=\"ds-chevron_right\" viewBox=\"0 0 24 24\"><path d=\"M9.4 17.65 8.35 16.6l4.6-4.6-4.6-4.6L9.4 6.35 15.05 12 9.4 17.65Z\" /></symbol><symbol id=\"ds-close\" viewBox=\"0 0 24 24\"><path d=\"m5.982 18.744-1.05-1.05 5.6-5.6-5.6-5.6 1.05-1.05 5.6 5.6 5.6-5.6 1.05 1.05-5.6 5.6 5.6 5.6-1.05 1.05-5.6-5.6-5.6 5.6Z\" /></symbol><symbol id=\"ds-comment\" viewBox=\"0 0 24 24\"><path d=\"M6.25 13.75h11.5v-1.5H6.25v1.5Zm0-3h11.5v-1.5H6.25v1.5Zm0-3h11.5v-1.5H6.25v1.5Zm15.25 13.3-3.55-3.55H2.5v-15h19v18.55ZM20 4H4v12h14.575L20 17.425V4Z\" /></symbol><symbol id=\"ds-delete\" viewBox=\"0 0 24 24\"><path d=\"M5.5 20.5V6h-1V4.5H9v-.875h6V4.5h4.5V6h-1v14.5h-13ZM7 19h10V6H7v13Zm2.4-2h1.5V8H9.4v9Zm3.7 0h1.5V8h-1.5v9Z\" /></symbol><symbol id=\"ds-download\" viewBox=\"0 0 24 24\"><path d=\"M6.308 19.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V15H6v2.692c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h11.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V15h1.5v2.692c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H6.308ZM12 15.615l-4.27-4.269 1.055-1.084 2.465 2.465v-8.4h1.5v8.4l2.465-2.465 1.054 1.084L12 15.616Z\" /></symbol><symbol id=\"ds-edit\" viewBox=\"0 0 24 24\"><path d=\"M5.15 19H6.4l9.25-9.25-1.225-1.25-9.275 9.275V19Zm13.7-10.35L15.475 5.3l1.3-1.3c.3-.283.663-.425 1.088-.425.425 0 .779.142 1.062.425l1.225 1.225c.283.3.433.654.45 1.062.017.409-.125.755-.425 1.038L18.85 8.65Zm-1.075 1.1L7.025 20.5H3.65v-3.375L14.4 6.375l3.375 3.375Zm-2.75-.625-.6-.625 1.225 1.25-.625-.625Z\" /></symbol><symbol id=\"ds-expand_less\" viewBox=\"0 0 24 24\"><path d=\"m7.4 15.05-1.05-1.075L12 8.325l5.65 5.65-1.05 1.075-4.6-4.6-4.6 4.6Z\" /></symbol><symbol id=\"ds-expand_more\" viewBox=\"0 0 24 24\"><path d=\"M12 15.05 6.35 9.375l1.05-1.05 4.6 4.6 4.6-4.6 1.05 1.05L12 15.05Z\" /></symbol><symbol id=\"ds-facebook\" viewBox=\"0 0 24 24\"><path d=\"M17.525 9H14V7c0-1.032.084-1.682 1.563-1.682h1.868v-3.18A26.065 26.065 0 0 0 14.693 2C11.98 2 10 3.657 10 6.699V9H7v4l3-.001V22h4v-9.003l3.066-.001L17.525 9Z\" /></symbol><symbol id=\"ds-favorite-filled\" viewBox=\"0 0 24 24\"><path d=\"m12 21.35-1.45-1.3c-2.617-2.333-4.696-4.363-6.238-6.088C2.771 12.237 2 10.417 2 8.5c0-1.567.525-2.875 1.575-3.925C4.625 3.525 5.933 3 7.5 3a5.72 5.72 0 0 1 2.5.562c.783.375 1.45.888 2 1.538a5.962 5.962 0 0 1 2-1.538A5.72 5.72 0 0 1 16.5 3c1.567 0 2.875.525 3.925 1.575C21.475 5.625 22 6.933 22 8.5c0 1.917-.77 3.737-2.312 5.462-1.542 1.725-3.621 3.755-6.238 6.088L12 21.35Z\" /></symbol><symbol id=\"ds-favorite\" viewBox=\"0 0 24 24\"><path d=\"m12 20.325-1.1-1c-1.667-1.5-3.042-2.792-4.125-3.875-1.083-1.083-1.942-2.046-2.575-2.888-.633-.841-1.075-1.608-1.325-2.3A6.167 6.167 0 0 1 2.5 8.15c0-1.417.48-2.604 1.438-3.563C4.896 3.629 6.083 3.15 7.5 3.15c.867 0 1.692.204 2.475.612.783.409 1.458.996 2.025 1.763.567-.767 1.242-1.354 2.025-1.763A5.285 5.285 0 0 1 16.5 3.15c1.417 0 2.604.479 3.562 1.437.959.959 1.438 2.146 1.438 3.563 0 .717-.125 1.42-.375 2.112-.25.692-.692 1.459-1.325 2.3-.633.842-1.492 1.805-2.575 2.888-1.083 1.083-2.458 2.375-4.125 3.875l-1.1 1Zm0-2.025c1.6-1.433 2.917-2.667 3.95-3.7 1.033-1.033 1.85-1.93 2.45-2.688.6-.758 1.017-1.429 1.25-2.012.233-.583.35-1.167.35-1.75 0-1-.333-1.833-1-2.5s-1.5-1-2.5-1a3.87 3.87 0 0 0-2.188.675c-.675.45-1.204 1.075-1.587 1.875h-1.45c-.4-.817-.933-1.446-1.6-1.888A3.862 3.862 0 0 0 7.5 4.65c-1 0-1.833.333-2.5 1s-1 1.5-1 2.5c0 .583.117 1.167.35 1.75.233.583.65 1.254 1.25 2.012.6.759 1.417 1.65 2.45 2.675A123.359 123.359 0 0 0 12 18.3Z\" /></symbol><symbol id=\"ds-feed\" viewBox=\"0 0 24 24\"><path d=\"M5.3 20.5c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.5 18.7V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h10.5l4.7 4.7v10.5c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525H5.3Zm0-1.5h13.4a.292.292 0 0 0 .213-.087A.292.292 0 0 0 19 18.7V9h-4V5H5.3a.287.287 0 0 0-.212.088A.287.287 0 0 0 5 5.3v13.4c0 .083.03.154.088.213A.289.289 0 0 0 5.3 19Zm1.95-2.5h9.5V15h-9.5v1.5Zm0-7.5H12V7.5H7.25V9Zm0 3.75h9.5v-1.5h-9.5v1.5Z\" /></symbol><symbol id=\"ds-feedback\" viewBox=\"0 0 24 24\"><path d=\"M12 14.711a.784.784 0 0 0 .808-.807.784.784 0 0 0-.808-.808.784.784 0 0 0-.808.808.784.784 0 0 0 .808.807Zm-.75-3.48h1.5V5.192h-1.5v6.039ZM2.5 21.038V4.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v11.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H6.038L2.5 21.038ZM5.4 16h14.292a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V4.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.077L5.4 16Z\" /></symbol><symbol id=\"ds-filter_list\" viewBox=\"0 0 24 24\"><path d=\"M10.25 17.75v-1.5h3.5v1.5h-3.5Zm-4-5.192v-1.5h11.5v1.5H6.25Zm-3-5.193v-1.5h17.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-filter_none\" viewBox=\"0 0 24 24\"><path d=\"M6.25 18V3h15v15h-15Zm1.5-1.5h12v-12h-12v12Zm-5 5V6.8h1.5V20h13.2v1.5H2.75Z\" /></symbol><symbol id=\"ds-format_size\" viewBox=\"0 0 24 24\"><path d=\"M14.45 19.55v-13h-5v-2.1h12.1v2.1h-5v13h-2.1Zm-9 0v-8h-3v-2.1h8.1v2.1h-3v8h-2.1Z\" /></symbol><symbol id=\"ds-forward_10\" viewBox=\"0 0 24 24\"><path d=\"M9.5 15.774v-4.5H8.058V10.08h2.634v5.693H9.5Zm3.385 0a.968.968 0 0 1-.713-.288.968.968 0 0 1-.287-.713v-3.692c0-.283.095-.52.287-.712a.968.968 0 0 1 .713-.288h1.884c.284 0 .521.096.713.288.192.191.287.429.287.712v3.693c0 .283-.095.52-.287.712a.967.967 0 0 1-.713.287h-1.884Zm.307-1.193h1.27c.038 0 .067-.01.086-.029.02-.019.029-.048.029-.086v-3.077c0-.039-.01-.067-.029-.087-.02-.019-.048-.028-.086-.028h-1.27c-.038 0-.067.01-.086.028-.02.02-.029.048-.029.087v3.077c0 .038.01.067.029.086.02.02.048.03.086.03Zm-.903 6.846a8.255 8.255 0 0 1-3.316-.669 8.609 8.609 0 0 1-2.696-1.82 8.607 8.607 0 0 1-1.82-2.695 8.255 8.255 0 0 1-.668-3.316c0-1.18.223-2.284.669-3.315a8.607 8.607 0 0 1 1.819-2.696 8.607 8.607 0 0 1 2.696-1.82 8.255 8.255 0 0 1 3.316-.669h.265L10.946 2.82 12 1.735l3.442 3.433L12.02 8.6l-1.053-1.084 1.588-1.589h-.265c-1.95 0-3.605.68-4.963 2.038-1.358 1.358-2.037 3.012-2.037 4.962 0 1.95.679 3.605 2.037 4.963 1.358 1.358 3.013 2.037 4.963 2.037 1.95 0 3.604-.679 4.962-2.037 1.358-1.358 2.038-3.013 2.038-4.963h1.5c0 1.18-.224 2.285-.67 3.316a8.609 8.609 0 0 1-1.819 2.696 8.609 8.609 0 0 1-2.696 1.82 8.255 8.255 0 0 1-3.315.668Z\" /></symbol><symbol id=\"ds-forward_30\" viewBox=\"0 0 24 24\"><path d=\"M7.52 15.846v-1.192h2.691v-1.212H8.423v-.884h1.788v-1.212H7.52v-1.192h3.039c.245 0 .447.08.606.24.16.159.24.361.24.606v4c0 .245-.08.447-.24.607a.822.822 0 0 1-.606.24H7.519Zm6.076 0a.968.968 0 0 1-.712-.287.968.968 0 0 1-.288-.713v-3.692c0-.284.096-.521.288-.713a.968.968 0 0 1 .712-.287h1.885c.283 0 .52.096.712.287.192.192.288.43.288.713v3.692c0 .284-.096.521-.288.713a.968.968 0 0 1-.712.287h-1.885Zm.308-1.192h1.27c.037 0 .066-.01.086-.029.019-.02.029-.048.029-.086V11.46c0-.038-.01-.067-.03-.086-.019-.02-.048-.029-.086-.029h-1.27c-.038 0-.067.01-.086.029-.019.02-.029.048-.029.086v3.078c0 .038.01.067.03.086.018.02.047.029.086.029ZM12 21.5a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.608 8.608 0 0 1-1.819-2.697A8.256 8.256 0 0 1 3.5 13c0-1.18.223-2.285.67-3.315a8.607 8.607 0 0 1 1.818-2.697A8.607 8.607 0 0 1 8.685 5.17 8.256 8.256 0 0 1 12 4.5h.265l-1.607-1.608 1.053-1.084 3.443 3.432-3.423 3.433-1.054-1.085L12.265 6H12c-1.95 0-3.604.68-4.963 2.037C5.68 9.396 5 11.05 5 13c0 1.95.68 3.604 2.037 4.962C8.396 19.322 10.05 20 12 20c1.95 0 3.604-.68 4.962-2.038C18.322 16.604 19 14.95 19 13h1.5c0 1.18-.223 2.285-.67 3.315a8.606 8.606 0 0 1-1.818 2.697 8.606 8.606 0 0 1-2.697 1.819A8.255 8.255 0 0 1 12 21.5Z\" /></symbol><symbol id=\"ds-fullscreen\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5v-4.711H5V19h3.211v1.5H3.5Zm12.298 0V19h3.211v-3.211h1.5V20.5h-4.711ZM3.5 8.211V3.5h4.711V5H5v3.211H3.5Zm15.51 0V5h-3.212V3.5h4.711v4.711h-1.5Z\" /></symbol><symbol id=\"ds-grid_view\" viewBox=\"0 0 24 24\"><path d=\"M3.5 11V3.5H11V11H3.5Zm0 9.5V13H11v7.5H3.5ZM13 11V3.5h7.5V11H13Zm0 9.5V13h7.5v7.5H13Zm-8-11h4.5V5H5v4.5Zm9.5 0H19V5h-4.5v4.5Zm0 9.5H19v-4.5h-4.5V19ZM5 19h4.5v-4.5H5V19Z\" /></symbol><symbol id=\"ds-headphones-filled\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5V12c0-1.183.225-2.287.675-3.312A8.715 8.715 0 0 1 6 6a8.715 8.715 0 0 1 2.688-1.825A8.145 8.145 0 0 1 12 3.5c1.183 0 2.287.225 3.312.675A8.716 8.716 0 0 1 18 6a8.715 8.715 0 0 1 1.825 2.688A8.145 8.145 0 0 1 20.5 12v8.5h-5.05v-7.075H19V12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5c-1.95 0-3.604.679-4.962 2.037C5.679 8.396 5 10.05 5 12v1.425h3.55V20.5H3.5Z\" /></symbol><symbol id=\"ds-headphones\" viewBox=\"0 0 24 24\"><path d=\"M3.5 20.5V12c0-1.183.225-2.287.675-3.312A8.715 8.715 0 0 1 6 6a8.715 8.715 0 0 1 2.688-1.825A8.145 8.145 0 0 1 12 3.5c1.183 0 2.287.225 3.312.675A8.716 8.716 0 0 1 18 6a8.715 8.715 0 0 1 1.825 2.688A8.145 8.145 0 0 1 20.5 12v8.5h-5.05v-7.075H19V12c0-1.95-.68-3.604-2.038-4.963C15.604 5.679 13.95 5 12 5c-1.95 0-3.604.679-4.962 2.037C5.679 8.396 5 10.05 5 12v1.425h3.55V20.5H3.5ZM5 19h2.05v-4.075H5V19Zm11.95 0H19v-4.075h-2.05V19Z\" /></symbol><symbol id=\"ds-history\" viewBox=\"0 0 24 24\"><path d=\"M11.71 20.63c-2.168 0-4.055-.711-5.664-2.136-1.608-1.425-2.529-3.213-2.762-5.363H4.81c.25 1.733 1.025 3.166 2.325 4.3 1.3 1.133 2.825 1.7 4.575 1.7 1.95 0 3.604-.68 4.963-2.038 1.358-1.358 2.037-3.012 2.037-4.962 0-1.95-.679-3.604-2.037-4.963C15.313 5.81 13.66 5.13 11.71 5.13a6.705 6.705 0 0 0-3.062.725 7.409 7.409 0 0 0-2.463 2h2.6v1.5H3.71V4.28h1.5v2.375a8.43 8.43 0 0 1 2.925-2.238 8.411 8.411 0 0 1 3.575-.787c1.183 0 2.292.225 3.325.675a8.676 8.676 0 0 1 2.7 1.825 8.533 8.533 0 0 1 1.812 2.688 8.272 8.272 0 0 1 .663 3.312 8.271 8.271 0 0 1-.663 3.312 8.532 8.532 0 0 1-1.812 2.688 8.676 8.676 0 0 1-2.7 1.825 8.237 8.237 0 0 1-3.325.675Zm3-4.474-3.726-3.725v-5.3h1.5v4.7l3.275 3.275-1.05 1.05Z\" /></symbol><symbol id=\"ds-home-filled\" viewBox=\"0 0 24 24\"><path d=\"M4.5 20.5V9.25L12 3.625l7.5 5.625V20.5h-5.575v-6.7h-3.85v6.7H4.5Z\" /></symbol><symbol id=\"ds-home\" viewBox=\"0 0 24 24\"><path d=\"M4.5 20.495V9.245L12 3.62l7.5 5.625v11.25h-5.575v-6.7h-3.85v6.7H4.5Zm1.5-1.5h2.575v-6.7h6.85v6.7H18v-9l-6-4.5-6 4.5v9Z\" /></symbol><symbol id=\"ds-info-filled\" viewBox=\"0 0 24 24\"><path d=\"M11.49 16.58h1.5v-5.75h-1.5v5.75Zm.75-7.45c.233 0 .425-.08.575-.238a.82.82 0 0 0 .225-.587.792.792 0 0 0-.8-.8.792.792 0 0 0-.8.8.82.82 0 0 0 .225.587c.15.159.342.238.575.238Zm0 12.2a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013 9.263 9.263 0 0 1-.75-3.712c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.528 3.08a9.263 9.263 0 0 1 3.712-.75 9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012 9.27 9.27 0 0 1 .75 3.713c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025 9.27 9.27 0 0 1-3.713.75Z\" /></symbol><symbol id=\"ds-info\" viewBox=\"0 0 24 24\"><path d=\"M11.25 16.75h1.5V11h-1.5v5.75ZM12 9.3c.233 0 .425-.08.575-.238a.82.82 0 0 0 .225-.587.792.792 0 0 0-.8-.8.792.792 0 0 0-.8.8.82.82 0 0 0 .225.587c.15.159.342.238.575.238Zm0 12.2a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-instagram\" viewBox=\"0 0 24 24\"><path d=\"M8.25 2.5A5.761 5.761 0 0 0 2.5 8.25v7.5a5.762 5.762 0 0 0 5.75 5.75h7.5a5.762 5.762 0 0 0 5.75-5.75v-7.5a5.762 5.762 0 0 0-5.75-5.75h-7.5Zm0 1.5h7.5A4.239 4.239 0 0 1 20 8.25v7.5A4.24 4.24 0 0 1 15.75 20h-7.5A4.239 4.239 0 0 1 4 15.75v-7.5A4.239 4.239 0 0 1 8.25 4ZM17 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2Zm-5 1c-2.752 0-5 2.248-5 5s2.248 5 5 5 5-2.248 5-5-2.248-5-5-5Zm0 1.5c1.942 0 3.5 1.558 3.5 3.5s-1.558 3.5-3.5 3.5A3.489 3.489 0 0 1 8.5 12c0-1.942 1.558-3.5 3.5-3.5Z\" /></symbol><symbol id=\"ds-integrity\" viewBox=\"0 0 24 24\"><path d=\"M17 17c.417 0 .77-.146 1.062-.438.292-.291.438-.645.438-1.062 0-.417-.146-.77-.438-1.062A1.444 1.444 0 0 0 17 14c-.417 0-.77.146-1.062.438A1.444 1.444 0 0 0 15.5 15.5c0 .417.146.77.438 1.062.291.292.645.438 1.062.438Zm0 3c.517 0 .992-.121 1.425-.363a2.988 2.988 0 0 0 1.05-.962 4.892 4.892 0 0 0-1.175-.5A4.798 4.798 0 0 0 17 18c-.45 0-.883.058-1.3.175a4.892 4.892 0 0 0-1.175.5c.267.4.617.72 1.05.962.433.242.908.363 1.425.363Zm-5 1.475c-2.167-.583-3.958-1.854-5.375-3.812C5.208 15.704 4.5 13.517 4.5 11.1V5.35l7.5-2.8 7.5 2.8V11a13.148 13.148 0 0 0-.737-.238 9.387 9.387 0 0 0-.763-.187V6.4l-6-2.25L6 6.4v4.7c0 .883.125 1.746.375 2.588.25.841.596 1.633 1.038 2.374a9.377 9.377 0 0 0 1.575 1.988 7.82 7.82 0 0 0 1.987 1.4l.025-.025c.133.367.304.717.513 1.05.208.333.445.642.712.925a.511.511 0 0 1-.1.038c-.033.008-.075.02-.125.037Zm5 .025c-1.25 0-2.313-.437-3.188-1.312S12.5 18.25 12.5 17c0-1.25.437-2.313 1.312-3.188S15.75 12.5 17 12.5c1.25 0 2.313.437 3.188 1.312S21.5 15.75 21.5 17c0 1.25-.437 2.313-1.312 3.188S18.25 21.5 17 21.5Z\" /></symbol><symbol id=\"ds-ios_share\" viewBox=\"0 0 24 24\"><path d=\"M11.25 14.9V3.875L9.4 5.725 8.35 4.65 12 1l3.65 3.65-1.05 1.075-1.85-1.85V14.9h-1.5ZM4.5 21.65v-14h4.375v1.5H6v11h12v-11h-2.875v-1.5H19.5v14h-15Z\" /></symbol><symbol id=\"ds-link\" viewBox=\"0 0 24 24\"><path d=\"M10.968 16.645H7.16c-1.256 0-2.326-.443-3.21-1.328-.886-.885-1.328-1.955-1.328-3.21 0-1.256.442-2.326 1.327-3.211.885-.885 1.955-1.328 3.211-1.328h3.808v1.5H7.16c-.84 0-1.556.296-2.149.89a2.928 2.928 0 0 0-.89 2.148c0 .84.297 1.556.89 2.15.593.592 1.31.889 2.149.889h3.808v1.5ZM8.41 12.856v-1.5h7.5v1.5h-7.5Zm4.942 3.789v-1.5h3.808c.84 0 1.556-.297 2.15-.89.592-.593.889-1.309.889-2.149 0-.84-.297-1.556-.89-2.149a2.928 2.928 0 0 0-2.149-.89h-3.808v-1.5h3.808c1.256 0 2.326.443 3.211 1.328.885.885 1.328 1.955 1.328 3.21 0 1.256-.443 2.327-1.328 3.212-.885.885-1.955 1.328-3.211 1.328h-3.808Z\" /></symbol><symbol id=\"ds-lock\" viewBox=\"0 0 24 24\"><path d=\"M4.74 21.33v-13h3v-2c0-1.25.437-2.313 1.312-3.188S10.99 1.83 12.24 1.83c1.25 0 2.313.437 3.188 1.312S16.74 5.08 16.74 6.33v2h3v13h-15Zm4.5-13h6v-2c0-.833-.292-1.542-.875-2.125a2.893 2.893 0 0 0-2.125-.875c-.833 0-1.542.292-2.125.875A2.893 2.893 0 0 0 9.24 6.33v2Zm-3 11.5h12v-10h-12v10Zm6-3.25c.483 0 .896-.17 1.238-.512.341-.342.512-.755.512-1.238s-.17-.896-.512-1.238a1.689 1.689 0 0 0-1.238-.512c-.483 0-.896.17-1.238.512a1.689 1.689 0 0 0-.512 1.238c0 .483.17.896.512 1.238.342.341.755.512 1.238.512Z\" /></symbol><symbol id=\"ds-login\" viewBox=\"0 0 24 24\"><path d=\"M11.99 20.5V19h6.702a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H11.99V3.5h6.702c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H11.99Zm-1.355-4.23-1.039-1.085 2.435-2.435H3.5v-1.5h8.53L9.597 8.815l1.039-1.084L14.904 12l-4.27 4.27Z\" /></symbol><symbol id=\"ds-logout\" viewBox=\"0 0 24 24\"><path d=\"M5.4 21c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 3.6 19.2V5.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h6.725V5H5.4c-.067 0-.133.033-.2.1s-.1.133-.1.2v13.9c0 .067.033.133.1.2s.133.1.2.1h6.725V21H5.4Zm10.725-4.475-1.025-1.1L17.525 13h-8.4v-1.5h8.4L15.1 9.075l1.025-1.1L20.4 12.25l-4.275 4.275Z\" /></symbol><symbol id=\"ds-mail\" viewBox=\"0 0 24 24\"><path d=\"M2.5 19.5v-15h19v15h-19Zm9.5-6.95-8-5.1V18h16V7.45l-8 5.1ZM12 11l7.85-5H4.15L12 11ZM4 7.45V6v5.85-4.4Z\" /></symbol><symbol id=\"ds-manage_accounts-filled\" viewBox=\"0 0 24 24\"><path d=\"m16.1 20.05-.225-1.325a3.076 3.076 0 0 1-.662-.275 4.034 4.034 0 0 1-.613-.425l-1.25.425-.725-1.2 1.05-.85a2.594 2.594 0 0 1-.125-.775c0-.25.042-.5.125-.75L12.65 14l.7-1.2 1.25.45c.183-.183.383-.33.6-.438.217-.108.442-.195.675-.262l.225-1.325h1.425l.225 1.325c.233.067.458.158.675.275.217.117.417.267.6.45l1.25-.475.7 1.225-1.025.875c.083.233.125.483.125.75s-.042.517-.125.75l1.05.85-.725 1.2-1.25-.425c-.2.167-.404.308-.612.425-.209.117-.43.208-.663.275l-.225 1.325H16.1ZM2.5 19.3v-2.225c0-.5.13-.954.388-1.363a2.66 2.66 0 0 1 1.087-.962c.817-.4 1.708-.742 2.675-1.025.967-.283 2.083-.425 3.35-.425h.288a.7.7 0 0 1 .262.05 7.127 7.127 0 0 0-.488 3.05 5.927 5.927 0 0 0 .913 2.9H2.5Zm14.3-1.75c.533 0 .983-.187 1.35-.562.367-.375.55-.83.55-1.363 0-.517-.183-.963-.55-1.338a1.816 1.816 0 0 0-1.35-.562c-.517 0-.962.187-1.337.562a1.828 1.828 0 0 0-.563 1.338c0 .533.188.988.563 1.363.375.375.82.562 1.337.562ZM10 11.7a3.372 3.372 0 0 1-2.475-1.025A3.372 3.372 0 0 1 6.5 8.2c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 10 4.7c.967 0 1.792.342 2.475 1.025A3.373 3.373 0 0 1 13.5 8.2c0 .967-.342 1.792-1.025 2.475A3.372 3.372 0 0 1 10 11.7Z\" /></symbol><symbol id=\"ds-manage_accounts\" viewBox=\"0 0 24 24\"><path d=\"M10.25 11.4c-.967 0-1.792-.345-2.475-1.037C7.092 9.672 6.75 8.85 6.75 7.9c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 10.25 4.4c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 13.75 7.9c0 .95-.342 1.77-1.025 2.462-.683.692-1.508 1.038-2.475 1.038ZM2.75 19v-2.224c0-.5.13-.954.388-1.363a2.66 2.66 0 0 1 1.087-.962c.817-.4 1.708-.742 2.675-1.025.967-.283 2.083-.425 3.35-.425h.3a.67.67 0 0 1 .25.05 5.583 5.583 0 0 0-.4 1.45h-.15c-1.15 0-2.17.133-3.062.4-.892.267-1.655.567-2.288.9-.217.117-.38.258-.488.425a.99.99 0 0 0-.162.55v.725h6.3c.067.267.163.529.288.787.125.259.254.496.387.713H2.75Zm13.6.75-.225-1.324a3.07 3.07 0 0 1-.662-.275 4.027 4.027 0 0 1-.613-.425l-1.25.425-.725-1.2 1.05-.85a2.594 2.594 0 0 1-.125-.775c0-.25.042-.5.125-.75L12.9 13.7l.7-1.2 1.25.45c.183-.183.383-.33.6-.438.217-.108.442-.195.675-.262l.225-1.325h1.425L18 12.25c.233.067.458.158.675.275.217.117.417.267.6.45l1.25-.475.7 1.225-1.025.875c.083.233.125.483.125.75s-.042.517-.125.75l1.05.85-.725 1.2-1.25-.425c-.2.167-.404.308-.612.425-.209.117-.43.208-.663.275l-.225 1.325H16.35Zm.7-2.5c.533 0 .983-.186 1.35-.561.367-.375.55-.83.55-1.363a1.85 1.85 0 0 0-.55-1.338 1.816 1.816 0 0 0-1.35-.562c-.517 0-.962.187-1.337.562a1.828 1.828 0 0 0-.563 1.338c0 .533.188.988.563 1.363.375.375.82.562 1.337.562Zm-6.8-7.35c.55 0 1.021-.195 1.413-.587.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413A1.928 1.928 0 0 0 10.25 5.9c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 8.25 7.9c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z\" /></symbol><symbol id=\"ds-mark_email_unread\" viewBox=\"0 0 24 24\"><path d=\"M2.74 19.325v-15h11.825c-.05.25-.075.5-.075.75s.017.5.05.75H4.39l7.85 5 3.6-2.3c.183.167.375.317.575.45.2.133.408.25.625.35l-4.8 3.05-8-5.1v10.55h16V9.85c.283-.067.55-.15.8-.25s.483-.233.7-.4v10.125h-19ZM19.24 7.95a2.653 2.653 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.75.267-1.396.8-1.937a2.632 2.632 0 0 1 1.95-.813c.767 0 1.417.271 1.95.813.533.541.8 1.187.8 1.937 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Z\" /></symbol><symbol id=\"ds-memory\" viewBox=\"0 0 24 24\"><path d=\"M9.25 20.275V18.5H5.5v-3.75H3.725v-1.5H5.5v-2.5H3.725v-1.5H5.5V5.5h3.75V3.725h1.5V5.5h2.5V3.725h1.5V5.5h3.75v3.75h1.775v1.5H18.5v2.5h1.775v1.5H18.5v3.75h-3.75v1.775h-1.5V18.5h-2.5v1.775h-1.5ZM7 17h10V7H7v10Zm2.5-2.5v-5h5v5h-5ZM11 13h2v-2h-2v2Z\" /></symbol><symbol id=\"ds-menu-filled\" viewBox=\"0 0 24 24\"><path d=\"M3.563 17.808v-1.5h17.5v1.5h-17.5Zm0-4.875v-1.5h17.5v1.5h-17.5Zm0-4.875v-1.5h17.5v1.5h-17.5Z\" /></symbol><symbol id=\"ds-menu\" viewBox=\"0 0 24 24\"><path d=\"M3.25 17.625v-1.5h17.5v1.5H3.25Zm0-4.875v-1.5h17.5v1.5H3.25Zm0-4.875v-1.5h17.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-mode_comment\" viewBox=\"0 0 24 24\"><path d=\"m21.5 21.05-3.55-3.55H4.3c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 2.5 15.7V4.3c0-.5.175-.925.525-1.275.35-.35.775-.525 1.275-.525h15.4c.5 0 .925.175 1.275.525.35.35.525.775.525 1.275v16.75ZM4 4.3V16h14.575L20 17.425V4.3a.292.292 0 0 0-.087-.213A.292.292 0 0 0 19.7 4H4.3a.289.289 0 0 0-.212.087A.29.29 0 0 0 4 4.3Zm0 0v13.125V4v.3Z\" /></symbol><symbol id=\"ds-more_horiz\" viewBox=\"0 0 24 24\"><path d=\"M6.22 13.5c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 4.72 12c0-.417.146-.77.438-1.062A1.444 1.444 0 0 1 6.22 10.5c.417 0 .771.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.437 1.062a1.447 1.447 0 0 1-1.063.438Zm5.775 0c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 10.495 12c0-.417.146-.77.438-1.062a1.444 1.444 0 0 1 1.062-.438c.417 0 .77.146 1.062.438.292.291.438.645.438 1.062 0 .417-.146.77-.438 1.062a1.444 1.444 0 0 1-1.062.438Zm5.775 0c-.417 0-.77-.146-1.062-.438A1.444 1.444 0 0 1 16.27 12c0-.417.146-.77.438-1.062a1.444 1.444 0 0 1 1.062-.438c.417 0 .771.146 1.063.438.291.291.437.645.437 1.062 0 .417-.146.77-.437 1.062a1.447 1.447 0 0 1-1.063.438Z\" /></symbol><symbol id=\"ds-mystery\" viewBox=\"0 0 24 24\"><path d=\"M11 18c1.933 0 3.583-.68 4.95-2.042C17.317 14.596 18 12.944 18 11c0-1.933-.683-3.583-2.05-4.95C14.583 4.683 12.933 4 11 4c-1.944 0-3.596.683-4.958 2.05C4.681 7.417 4 9.067 4 11c0 1.944.68 3.596 2.042 4.958C7.404 17.319 9.056 18 11 18Zm0-3.154c-1.345 0-2.539-.353-3.582-1.06A5.982 5.982 0 0 1 5.163 11c.46-1.135 1.212-2.06 2.255-2.774C8.461 7.511 9.655 7.154 11 7.154c1.328 0 2.514.357 3.557 1.072 1.043.715 1.8 1.64 2.27 2.774a6.077 6.077 0 0 1-2.27 2.787c-1.043.706-2.229 1.06-3.557 1.06Zm0-1.192c.949 0 1.822-.235 2.621-.706A5.065 5.065 0 0 0 15.508 11a5.153 5.153 0 0 0-1.887-1.94A5.03 5.03 0 0 0 11 8.346c-.959 0-1.84.238-2.641.714A5.142 5.142 0 0 0 6.467 11a5.055 5.055 0 0 0 1.892 1.948c.802.47 1.682.706 2.641.706Zm0-1.154c.417 0 .77-.143 1.063-.43A1.44 1.44 0 0 0 12.5 11c0-.417-.146-.77-.438-1.063A1.447 1.447 0 0 0 11 9.5a1.44 1.44 0 0 0-1.07.438A1.46 1.46 0 0 0 9.5 11c0 .427.143.784.43 1.07.286.287.643.43 1.07.43Zm0 7a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.607 8.607 0 0 1-1.819-2.697A8.256 8.256 0 0 1 2.5 11c0-1.17.223-2.27.67-3.3a8.542 8.542 0 0 1 4.515-4.53A8.256 8.256 0 0 1 11 2.5c1.17 0 2.27.223 3.3.67a8.635 8.635 0 0 1 2.704 1.826A8.633 8.633 0 0 1 18.83 7.7c.446 1.03.669 2.13.669 3.3a8.189 8.189 0 0 1-.53 2.948 8.866 8.866 0 0 1-1.464 2.514l3.994 3.994-1.06 1.044-3.994-3.979a8.723 8.723 0 0 1-2.513 1.457A8.252 8.252 0 0 1 11 19.5Z\" /></symbol><symbol id=\"ds-newsmode\" viewBox=\"0 0 24 24\"><path d=\"M4.308 20.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V5.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h15.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v13.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H4.308Zm0-1.5h15.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212V5.308a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H4.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v13.384c0 .077.032.148.096.212a.294.294 0 0 0 .212.096Zm2.077-2.385h11.23v-1.5H6.385v1.5Zm0-3.865h3.692V7.385H6.385v5.365Zm5.884 0h5.346v-1.5H12.27v1.5Zm0-3.865h5.346v-1.5H12.27v1.5Z\" /></symbol><symbol id=\"ds-notifications_off\" viewBox=\"0 0 24 24\"><path d=\"M4.22 18.714v-1.5H6.03V9.752c0-.466.056-.93.169-1.39.113-.46.282-.9.508-1.317L7.84 8.179a4.109 4.109 0 0 0-.311 1.573v7.462h7.277L1.756 4.202 2.809 3.15 20.652 20.99l-1.054 1.054-3.362-3.331H4.221Zm13.193-3.83-1.5-1.5V9.751c0-1.157-.41-2.145-1.228-2.964-.818-.819-1.806-1.228-2.964-1.228-.494 0-.97.081-1.426.243a3.714 3.714 0 0 0-1.232.73L7.98 5.45a5.878 5.878 0 0 1 1.156-.782c.419-.216.864-.371 1.336-.465V3.58c0-.347.121-.642.364-.885s.538-.365.885-.365.642.122.885.365c.244.243.366.538.366.885v.623c1.307.276 2.375.932 3.202 1.969.827 1.036 1.24 2.23 1.24 3.581v5.131Zm-5.694 6.638c-.497 0-.923-.177-1.276-.531a1.743 1.743 0 0 1-.53-1.277h3.616c0 .499-.178.925-.532 1.278-.354.353-.78.53-1.278.53Z\" /></symbol><symbol id=\"ds-notifications\" viewBox=\"0 0 24 24\"><path d=\"M4.25 18.875v-1.5h2v-7.25A5.65 5.65 0 0 1 7.5 6.537C8.333 5.479 9.417 4.8 10.75 4.5V2.55h2.5V4.5c1.333.3 2.417.979 3.25 2.037a5.65 5.65 0 0 1 1.25 3.588v7.25h2v1.5H4.25ZM12 21.8c-.5 0-.925-.175-1.275-.525A1.736 1.736 0 0 1 10.2 20h3.6c0 .5-.175.925-.525 1.275-.35.35-.775.525-1.275.525Zm-4.25-4.425h8.5v-7.25c0-1.183-.417-2.188-1.25-3.013-.833-.825-1.833-1.237-3-1.237s-2.167.412-3 1.237c-.833.825-1.25 1.83-1.25 3.013v7.25Z\" /></symbol><symbol id=\"ds-pause\" viewBox=\"0 0 24 24\"><path d=\"M14 18.5v-13h3.75v13H14Zm-7.75 0v-13H10v13H6.25Z\" /></symbol><symbol id=\"ds-person\" viewBox=\"0 0 24 24\"><path d=\"M12 11.7c-.967 0-1.792-.346-2.475-1.038C8.842 9.971 8.5 9.15 8.5 8.2c0-.967.342-1.792 1.025-2.475A3.372 3.372 0 0 1 12 4.7c.967 0 1.792.342 2.475 1.025A3.372 3.372 0 0 1 15.5 8.2c0 .95-.342 1.77-1.025 2.462-.683.692-1.508 1.038-2.475 1.038Zm-7.5 7.6v-2.225c0-.483.133-.933.4-1.35a2.76 2.76 0 0 1 1.075-.975 14.36 14.36 0 0 1 2.988-1.088A13.003 13.003 0 0 1 12 13.3c1.017 0 2.03.12 3.038.362s2.004.605 2.987 1.088c.45.233.808.558 1.075.975.267.417.4.867.4 1.35V19.3h-15ZM6 17.8h12v-.725c0-.2-.058-.383-.175-.55a1.475 1.475 0 0 0-.475-.425 13.99 13.99 0 0 0-2.637-.963 11.064 11.064 0 0 0-5.426 0c-.891.225-1.77.546-2.637.963-.2.117-.358.258-.475.425a.938.938 0 0 0-.175.55v.725Zm6-7.6c.55 0 1.021-.196 1.413-.588.391-.391.587-.862.587-1.412 0-.55-.196-1.021-.587-1.413A1.928 1.928 0 0 0 12 6.2c-.55 0-1.02.196-1.412.587A1.927 1.927 0 0 0 10 8.2c0 .55.196 1.02.588 1.412.391.392.862.588 1.412.588Z\" /></symbol><symbol id=\"ds-play_arrow-filled\" viewBox=\"0 0 24 24\"><path d=\"M8.422 17.687v-12.2l9.575 6.1-9.575 6.1Z\" /></symbol><symbol id=\"ds-play_arrow\" viewBox=\"0 0 24 24\"><path d=\"M8.5 18.1V5.9l9.575 6.1L8.5 18.1Zm1.5-2.75L15.275 12 10 8.65v6.7Z\" /></symbol><symbol id=\"ds-print\" viewBox=\"0 0 24 24\"><path d=\"M16 8.3v-3H8v3H6.5V3.8h11v4.5H16Zm1.8 4a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.97.97 0 0 0-.713.287.97.97 0 0 0-.287.713c0 .283.096.52.287.712.192.192.43.288.713.288ZM16 19v-4.275H8V19h8Zm1.5 1.5h-11v-4H2.8v-5.7c0-.7.242-1.292.725-1.775C4.008 8.542 4.6 8.3 5.3 8.3h13.4c.717 0 1.313.242 1.788.725.475.483.712 1.075.712 1.775v5.7h-3.7v4Zm2.2-5.5v-4.2a.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287H5.3a.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713V15h2.2v-1.775h11V15h2.2Z\" /></symbol><symbol id=\"ds-priority_high\" viewBox=\"0 0 24 24\"><path d=\"M12 19.925c-.417 0-.77-.146-1.062-.437a1.447 1.447 0 0 1-.438-1.063c0-.417.146-.77.438-1.062A1.444 1.444 0 0 1 12 16.925c.417 0 .77.146 1.062.438.292.291.438.645.438 1.062 0 .417-.146.771-.438 1.063a1.446 1.446 0 0 1-1.062.437Zm-1.375-4.9V3.575h2.75v11.45h-2.75Z\" /></symbol><symbol id=\"ds-push_pin\" viewBox=\"0 0 24 24\"><path d=\"m15.883 12.313 2 2v2h-5v6l-1 1-1-1v-6h-5v-2l2-2v-7h-1v-2h10v2h-1v7Z\" /></symbol><symbol id=\"ds-queue_music\" viewBox=\"0 0 24 24\"><path d=\"M16 19.75a2.654 2.654 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.767.267-1.417.8-1.95a2.654 2.654 0 0 1 1.95-.8c.217 0 .429.029.637.087.209.059.413.163.613.313v-8.4h4.5v1.775h-3V17c0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Zm-12.75-4v-1.5h7.5v1.5h-7.5Zm0-4v-1.5h11.5v1.5H3.25Zm0-4v-1.5h11.5v1.5H3.25Z\" /></symbol><symbol id=\"ds-quiz\" viewBox=\"0 0 24 24\"><path d=\"M13.45 15.077a.878.878 0 0 0 .641-.274.878.878 0 0 0 .274-.642.878.878 0 0 0-.274-.64.878.878 0 0 0-.641-.275.878.878 0 0 0-.642.274.878.878 0 0 0-.274.641c0 .245.092.46.274.642a.878.878 0 0 0 .642.274Zm-.596-3.008h1.192c.013-.451.07-.786.174-1.005.103-.218.348-.514.733-.887.462-.442.776-.816.943-1.121.166-.305.25-.66.25-1.064 0-.711-.252-1.298-.754-1.76-.503-.463-1.15-.694-1.942-.694-.62 0-1.164.171-1.634.513-.47.342-.811.8-1.024 1.376l1.08.454c.17-.404.387-.707.652-.909.264-.202.573-.303.926-.303.438 0 .798.127 1.08.38.283.255.424.59.424 1.005 0 .252-.072.49-.215.71-.143.221-.39.494-.743.817-.486.425-.798.784-.936 1.075-.138.29-.207.762-.207 1.413Zm-5.097 5.739c-.505 0-.932-.175-1.282-.525A1.745 1.745 0 0 1 5.95 16V4.615c0-.505.175-.932.525-1.282.35-.35.777-.525 1.282-.525h11.385c.505 0 .933.175 1.283.525.35.35.525.777.525 1.282V16c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.757Zm0-1.5h11.385a.294.294 0 0 0 .212-.097.294.294 0 0 0 .096-.211V4.615a.294.294 0 0 0-.096-.211.294.294 0 0 0-.212-.096H7.757a.294.294 0 0 0-.211.096.294.294 0 0 0-.096.211V16c0 .077.032.147.096.211a.294.294 0 0 0 .211.097Zm-3.5 5c-.505 0-.932-.175-1.282-.526A1.745 1.745 0 0 1 2.45 19.5V6.615h1.5V19.5c0 .077.032.147.096.211a.294.294 0 0 0 .211.097h12.885v1.5H4.257Z\" /></symbol><symbol id=\"ds-radio_button_checked\" viewBox=\"0 0 24 24\"><path d=\"M12 16.5c1.25 0 2.313-.437 3.188-1.312S16.5 13.25 16.5 12c0-1.25-.437-2.313-1.312-3.188S13.25 7.5 12 7.5c-1.25 0-2.313.437-3.188 1.312S7.5 10.75 7.5 12c0 1.25.437 2.313 1.312 3.188S10.75 16.5 12 16.5Zm0 5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-radio_button_unchecked\" viewBox=\"0 0 24 24\"><path d=\"M12 21.5a9.263 9.263 0 0 1-3.712-.75 9.58 9.58 0 0 1-3.013-2.025 9.58 9.58 0 0 1-2.025-3.013A9.263 9.263 0 0 1 2.5 12c0-1.317.25-2.554.75-3.713a9.583 9.583 0 0 1 2.025-3.012A9.58 9.58 0 0 1 8.288 3.25 9.263 9.263 0 0 1 12 2.5a9.27 9.27 0 0 1 3.713.75 9.583 9.583 0 0 1 3.012 2.025 9.583 9.583 0 0 1 2.025 3.012A9.27 9.27 0 0 1 21.5 12c0 1.317-.25 2.554-.75 3.712a9.58 9.58 0 0 1-2.025 3.013 9.583 9.583 0 0 1-3.012 2.025A9.27 9.27 0 0 1 12 21.5Zm0-1.5c2.233 0 4.125-.775 5.675-2.325C19.225 16.125 20 14.233 20 12c0-2.233-.775-4.125-2.325-5.675C16.125 4.775 14.233 4 12 4c-2.233 0-4.125.775-5.675 2.325C4.775 7.875 4 9.767 4 12c0 2.233.775 4.125 2.325 5.675C7.875 19.225 9.767 20 12 20Z\" /></symbol><symbol id=\"ds-redeem\" viewBox=\"0 0 24 24\"><path d=\"M4.259 17.093v2.2h16v-2.2h-16Zm-1.5 3.7V6.818h4.575a1.931 1.931 0 0 1-.187-.475 2.141 2.141 0 0 1-.063-.525c0-.7.242-1.292.725-1.775.483-.483 1.075-.725 1.775-.725.417 0 .804.108 1.163.325.358.217.67.483.937.8l.55.75.575-.75c.25-.333.554-.604.913-.813a2.274 2.274 0 0 1 1.162-.312c.7 0 1.292.242 1.775.725.483.483.725 1.075.725 1.775 0 .183-.017.358-.05.525-.033.167-.1.325-.2.475h4.625v13.975h-19Zm1.5-6.3h16V8.318h-5.775l2.05 2.775-1.2.875-3.1-4.2-3.075 4.2-1.2-.875 2-2.775h-5.7v6.175Zm5.325-7.675a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Zm5.3 0a.968.968 0 0 0 .713-.288.967.967 0 0 0 .287-.712.97.97 0 0 0-.287-.713.97.97 0 0 0-.713-.287.967.967 0 0 0-.712.287.968.968 0 0 0-.288.713c0 .283.096.52.288.712a.965.965 0 0 0 .712.288Z\" /></symbol><symbol id=\"ds-refresh\" viewBox=\"0 0 24 24\"><path d=\"M12.039 19.5c-2.094 0-3.868-.726-5.32-2.18-1.454-1.452-2.18-3.225-2.18-5.319 0-2.093.726-3.866 2.18-5.32C8.17 5.227 9.944 4.5 12.038 4.5c1.169 0 2.275.26 3.319.78a7.106 7.106 0 0 1 2.604 2.2V4.5h1.5v6.115h-6.116v-1.5h3.95a5.885 5.885 0 0 0-2.192-2.281A5.888 5.888 0 0 0 12.039 6c-1.667 0-3.084.583-4.25 1.75-1.167 1.167-1.75 2.583-1.75 4.25 0 1.667.583 3.083 1.75 4.25 1.166 1.167 2.583 1.75 4.25 1.75a5.862 5.862 0 0 0 3.475-1.1 5.808 5.808 0 0 0 2.175-2.9h1.58c-.454 1.632-1.347 2.957-2.681 3.974-1.334 1.017-2.85 1.526-4.55 1.526Z\" /></symbol><symbol id=\"ds-replay_10\" viewBox=\"0 0 24 24\"><path d=\"M12.489 21.248a8.255 8.255 0 0 1-3.316-.669 8.608 8.608 0 0 1-2.696-1.82 8.607 8.607 0 0 1-1.819-2.695 8.255 8.255 0 0 1-.67-3.316h1.5c0 1.95.68 3.604 2.038 4.963 1.359 1.358 3.013 2.037 4.963 2.037 1.95 0 3.604-.679 4.962-2.037 1.359-1.358 2.038-3.013 2.038-4.963 0-1.95-.68-3.604-2.038-4.962-1.358-1.358-3.012-2.038-4.962-2.038h-.266l1.589 1.589-1.054 1.084L9.335 4.99l3.442-3.433 1.054 1.085-1.608 1.607h.266c1.18 0 2.284.223 3.315.67A8.607 8.607 0 0 1 18.5 6.737a8.608 8.608 0 0 1 1.82 2.696c.446 1.03.669 2.136.669 3.315 0 1.18-.223 2.285-.67 3.316A8.609 8.609 0 0 1 18.5 18.76a8.609 8.609 0 0 1-2.696 1.82 8.255 8.255 0 0 1-3.315.668ZM9.7 15.594v-4.5H8.258V9.902h2.635v5.693H9.7Zm3.385 0a.968.968 0 0 1-.713-.287.967.967 0 0 1-.287-.713v-3.692c0-.283.096-.52.287-.712a.968.968 0 0 1 .713-.288h1.884c.284 0 .521.096.713.288.192.191.287.429.287.712v3.693c0 .283-.095.52-.287.712a.967.967 0 0 1-.713.287h-1.884Zm.308-1.192h1.269c.038 0 .067-.01.086-.029.02-.019.03-.048.03-.086V11.21c0-.039-.01-.067-.03-.087-.019-.019-.048-.028-.086-.028h-1.27c-.038 0-.067.01-.086.028-.02.02-.029.048-.029.087v3.077c0 .038.01.067.029.086.02.02.048.03.087.03Z\" /></symbol><symbol id=\"ds-replay_30\" viewBox=\"0 0 24 24\"><path d=\"M12 21.75a8.255 8.255 0 0 1-3.315-.67 8.605 8.605 0 0 1-2.697-1.818 8.608 8.608 0 0 1-1.819-2.697A8.256 8.256 0 0 1 3.5 13.25H5c0 1.95.68 3.604 2.037 4.962C8.396 19.572 10.05 20.25 12 20.25c1.95 0 3.604-.68 4.962-2.038C18.322 16.854 19 15.2 19 13.25c0-1.95-.68-3.604-2.038-4.963C15.604 6.93 13.95 6.25 12 6.25h-.265l1.588 1.588-1.054 1.085L8.846 5.49l3.443-3.432 1.053 1.084-1.607 1.608H12c1.18 0 2.285.223 3.315.67a8.608 8.608 0 0 1 2.697 1.818 8.605 8.605 0 0 1 1.819 2.697c.446 1.03.669 2.135.669 3.315 0 1.18-.223 2.285-.67 3.315a8.606 8.606 0 0 1-1.818 2.697 8.606 8.606 0 0 1-2.697 1.819A8.255 8.255 0 0 1 12 21.75Zm-4.48-5.654v-1.192h2.691v-1.212H8.423v-.884h1.788v-1.212H7.52v-1.192h3.039c.245 0 .447.08.606.24.16.159.24.361.24.606v4c0 .245-.08.447-.24.607a.822.822 0 0 1-.606.24H7.519Zm6.076 0a.968.968 0 0 1-.712-.287.968.968 0 0 1-.288-.713v-3.692c0-.284.096-.521.288-.713a.968.968 0 0 1 .712-.287h1.885c.283 0 .52.096.712.287.192.192.288.43.288.713v3.692c0 .284-.096.521-.288.713a.968.968 0 0 1-.712.287h-1.885Zm.308-1.192h1.27c.037 0 .066-.01.086-.029.019-.02.029-.048.029-.086V11.71c0-.038-.01-.067-.03-.086-.019-.02-.048-.029-.086-.029h-1.27c-.038 0-.067.01-.086.029-.019.02-.029.048-.029.086v3.078c0 .038.01.067.03.086.018.02.047.029.086.029Z\" /></symbol><symbol id=\"ds-schedule_filled\" viewBox=\"0 0 24 24\"><path d=\"m15.3 16.7 1.4-1.4-3.7-3.7V7h-2v5.4l4.3 4.3ZM12 22a9.738 9.738 0 0 1-3.9-.788 10.099 10.099 0 0 1-3.175-2.137c-.9-.9-1.612-1.958-2.137-3.175A9.738 9.738 0 0 1 2 12c0-1.383.263-2.683.788-3.9a10.099 10.099 0 0 1 2.137-3.175c.9-.9 1.958-1.612 3.175-2.137A9.738 9.738 0 0 1 12 2c1.383 0 2.683.263 3.9.788a10.098 10.098 0 0 1 3.175 2.137c.9.9 1.613 1.958 2.137 3.175A9.738 9.738 0 0 1 22 12a9.738 9.738 0 0 1-.788 3.9 10.098 10.098 0 0 1-2.137 3.175c-.9.9-1.958 1.613-3.175 2.137A9.738 9.738 0 0 1 12 22Z\" /></symbol><symbol id=\"ds-schedule\" viewBox=\"0 0 24 24\"><path d=\"m15.473 16.527 1.054-1.054-3.777-3.777V7h-1.5v5.304l4.223 4.223ZM12.002 21.5a9.255 9.255 0 0 1-3.705-.748 9.596 9.596 0 0 1-3.018-2.03 9.591 9.591 0 0 1-2.03-3.016 9.245 9.245 0 0 1-.749-3.704c0-1.314.25-2.55.748-3.705a9.597 9.597 0 0 1 2.03-3.017 9.592 9.592 0 0 1 3.016-2.032 9.245 9.245 0 0 1 3.704-.748c1.314 0 2.55.25 3.705.748a9.597 9.597 0 0 1 3.018 2.03 9.592 9.592 0 0 1 2.03 3.016 9.245 9.245 0 0 1 .749 3.704c0 1.314-.25 2.55-.748 3.705a9.597 9.597 0 0 1-2.03 3.018 9.592 9.592 0 0 1-3.016 2.03 9.247 9.247 0 0 1-3.704.749ZM12 20c2.217 0 4.104-.78 5.663-2.337C19.22 16.104 20 14.217 20 12s-.78-4.104-2.337-5.662C16.104 4.779 14.217 4 12 4s-4.104.78-5.663 2.338C4.78 7.896 4 9.783 4 12s.78 4.104 2.337 5.663C7.896 19.22 9.783 20 12 20Z\" /></symbol><symbol id=\"ds-search_off\" viewBox=\"0 0 24 24\"><path d=\"M7 21.3c-1.25 0-2.313-.437-3.188-1.312S2.5 18.05 2.5 16.8c0-1.25.437-2.313 1.312-3.188S5.75 12.3 7 12.3c1.25 0 2.313.437 3.188 1.312S11.5 15.55 11.5 16.8c0 1.25-.437 2.313-1.312 3.188S8.25 21.3 7 21.3Zm13.525-.725-6.35-6.35a1.313 1.313 0 0 1-.312.225 4.785 4.785 0 0 1-.363.175 12.188 12.188 0 0 0-.425-.55 4.53 4.53 0 0 0-.475-.5 4.51 4.51 0 0 0 1.825-1.625c.467-.717.7-1.533.7-2.45 0-1.283-.45-2.375-1.35-3.275-.9-.9-1.992-1.35-3.275-1.35s-2.375.45-3.275 1.35c-.9.9-1.35 1.992-1.35 3.275 0 .15.012.3.037.45.025.15.055.3.088.45a3.797 3.797 0 0 0-.75.137 4.924 4.924 0 0 0-.725.263c-.033-.2-.067-.408-.1-.625a4.436 4.436 0 0 1-.05-.675c0-1.7.596-3.146 1.787-4.338C7.354 3.971 8.8 3.375 10.5 3.375c1.7 0 3.146.596 4.338 1.787C16.029 6.354 16.625 7.8 16.625 9.5c0 .717-.121 1.396-.363 2.037a6.226 6.226 0 0 1-.962 1.713l6.275 6.275-1.05 1.05ZM5.225 19.2 7 17.425 8.75 19.2l.65-.625L7.625 16.8 9.4 15.05l-.625-.625L7 16.175l-1.775-1.75-.625.625 1.775 1.75L4.6 18.575l.625.625Z\" /></symbol><symbol id=\"ds-search\" viewBox=\"0 0 24 24\"><path d=\"m19.73 20.347-6.3-6.275c-.5.417-1.075.742-1.725.975-.65.233-1.317.35-2 .35-1.717 0-3.167-.592-4.35-1.775-1.184-1.184-1.775-2.633-1.775-4.35 0-1.7.591-3.146 1.775-4.338 1.183-1.191 2.633-1.787 4.35-1.787 1.7 0 3.142.592 4.325 1.775 1.183 1.183 1.775 2.633 1.775 4.35 0 .717-.117 1.4-.35 2.05a5.613 5.613 0 0 1-.95 1.7l6.275 6.275-1.05 1.05Zm-10.025-6.45c1.283 0 2.37-.45 3.263-1.35.891-.9 1.337-1.992 1.337-3.275s-.446-2.375-1.337-3.275c-.892-.9-1.98-1.35-3.263-1.35-1.3 0-2.396.45-3.287 1.35-.892.9-1.338 1.992-1.338 3.275s.446 2.375 1.338 3.275c.891.9 1.987 1.35 3.287 1.35Z\" /></symbol><symbol id=\"ds-settings\" viewBox=\"0 0 24 24\"><path d=\"m9.692 21.5-.38-3.046a5.334 5.334 0 0 1-1.579-.896L4.912 18.75l-2.308-4 2.44-1.844a5.062 5.062 0 0 1-.049-.448 6.976 6.976 0 0 1 0-.882c.01-.147.026-.307.05-.482L2.603 9.25l2.308-3.98 2.811 1.182a6.42 6.42 0 0 1 .772-.524 5.1 5.1 0 0 1 .807-.382l.39-3.046h4.616l.38 3.056c.3.109.572.236.815.381.243.146.488.317.735.515l2.85-1.183 2.308 3.981-2.479 1.873c.036.162.056.313.059.453.003.14.005.282.005.424 0 .136-.004.274-.01.415-.006.14-.03.3-.069.481l2.46 1.854-2.308 4-2.816-1.202c-.247.198-.5.372-.757.524a4.576 4.576 0 0 1-.793.372l-.38 3.056H9.692ZM11 20h1.966l.359-2.679c.51-.133.977-.323 1.399-.568.422-.246.83-.561 1.222-.947l2.485 1.044.985-1.7-2.17-1.635c.084-.258.14-.512.17-.761a6.266 6.266 0 0 0 0-1.508 3.9 3.9 0 0 0-.17-.742l2.189-1.654-.985-1.7-2.513 1.06a5.327 5.327 0 0 0-1.203-.949 5.173 5.173 0 0 0-1.418-.582L13 4h-1.985l-.33 2.67a5.22 5.22 0 0 0-1.414.553c-.432.249-.844.57-1.237.962L5.55 7.15l-.984 1.7 2.159 1.61a3.65 3.65 0 0 0-.175.74 6.28 6.28 0 0 0 0 1.575c.033.25.088.497.165.74l-2.15 1.635.985 1.7 2.475-1.05c.38.39.785.709 1.217.958.432.248.91.44 1.433.573L11 20Zm1.011-5c.833 0 1.54-.292 2.125-.876A2.892 2.892 0 0 0 15.011 12c0-.832-.293-1.54-.877-2.124A2.892 2.892 0 0 0 12.012 9c-.843 0-1.553.292-2.132.876A2.905 2.905 0 0 0 9.01 12c0 .832.29 1.54.869 2.124.579.584 1.29.876 2.131.876Z\" /></symbol><symbol id=\"ds-share\" viewBox=\"0 0 24 24\"><path d=\"M18 21.75a2.654 2.654 0 0 1-1.95-.8 2.654 2.654 0 0 1-.8-1.95c0-.117.008-.246.025-.388.017-.141.05-.262.1-.362l-7.4-4.35a3.014 3.014 0 0 1-.9.625A2.59 2.59 0 0 1 6 14.75a2.654 2.654 0 0 1-1.95-.8 2.653 2.653 0 0 1-.8-1.95c0-.767.267-1.417.8-1.95A2.654 2.654 0 0 1 6 9.25c.383 0 .742.075 1.075.225.333.15.633.358.9.625l7.4-4.35c-.05-.1-.083-.221-.1-.363A3.32 3.32 0 0 1 15.25 5c0-.767.267-1.417.8-1.95a2.653 2.653 0 0 1 1.95-.8c.767 0 1.417.267 1.95.8.533.533.8 1.183.8 1.95 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8a2.59 2.59 0 0 1-1.075-.225 3.016 3.016 0 0 1-.9-.625l-7.4 4.35c.05.1.083.217.1.35a3.221 3.221 0 0 1 0 .787c-.017.142-.05.263-.1.363l7.4 4.35c.267-.267.567-.475.9-.625A2.59 2.59 0 0 1 18 16.25c.767 0 1.417.267 1.95.8.533.533.8 1.183.8 1.95 0 .767-.267 1.417-.8 1.95-.533.533-1.183.8-1.95.8Zm0-15.5c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.888A1.21 1.21 0 0 0 18 3.75c-.35 0-.646.12-.887.362A1.208 1.208 0 0 0 16.75 5c0 .35.121.646.363.887.241.242.537.363.887.363Zm-12 7c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887A1.208 1.208 0 0 0 6 10.75c-.35 0-.646.121-.887.363A1.204 1.204 0 0 0 4.75 12c0 .35.121.646.363.887.241.242.537.363.887.363Zm12 7c.35 0 .646-.121.888-.363.241-.241.362-.537.362-.887s-.12-.646-.362-.887A1.208 1.208 0 0 0 18 17.75c-.35 0-.646.121-.887.363a1.204 1.204 0 0 0-.363.887c0 .35.121.646.363.887.241.242.537.363.887.363Z\" /></symbol><symbol id=\"ds-support_agent\" viewBox=\"0 0 24 24\"><path d=\"M10.957 21.094v-1.5h7.625v-7.525c0-.967-.183-1.875-.55-2.725a7.078 7.078 0 0 0-1.5-2.225 7.078 7.078 0 0 0-2.225-1.5 6.806 6.806 0 0 0-2.725-.55c-.966 0-1.875.183-2.725.55a7.077 7.077 0 0 0-2.225 1.5 7.077 7.077 0 0 0-1.5 2.225 6.805 6.805 0 0 0-.55 2.725v5.925h-2.5v-5.225h1l.05-1.275a8.237 8.237 0 0 1 .863-3.175A8.505 8.505 0 0 1 5.882 5.83a8.526 8.526 0 0 1 2.612-1.612 8.365 8.365 0 0 1 3.088-.575 8.46 8.46 0 0 1 3.1.575c.984.383 1.854.92 2.612 1.612a8.685 8.685 0 0 1 1.876 2.475c.492.959.779 2.013.862 3.163l.05 1.3h1v5.225h-1v3.1h-9.125Zm-2.175-6.925a.869.869 0 0 1-.638-.263.839.839 0 0 1-.262-.612.87.87 0 0 1 .262-.638.87.87 0 0 1 .638-.262c.234 0 .438.087.612.262a.869.869 0 0 1 .263.638.837.837 0 0 1-.263.612.837.837 0 0 1-.612.263Zm5.6 0a.837.837 0 0 1-.612-.263.837.837 0 0 1-.263-.612c0-.25.088-.463.263-.638a.838.838 0 0 1 .612-.262.87.87 0 0 1 .638.262.87.87 0 0 1 .262.638.839.839 0 0 1-.262.612.869.869 0 0 1-.638.263Zm-8.425-1.625c-.066-.917.063-1.754.388-2.512.325-.759.758-1.4 1.3-1.926a5.762 5.762 0 0 1 1.862-1.212 5.62 5.62 0 0 1 2.125-.425c1.434 0 2.67.45 3.712 1.35 1.042.9 1.672 2.025 1.888 3.375-1.466 0-2.8-.392-4-1.175-1.2-.783-2.1-1.792-2.7-3.025a7.46 7.46 0 0 1-1.6 3.375 7.376 7.376 0 0 1-2.975 2.175Z\" /></symbol><symbol id=\"ds-system_update\" viewBox=\"0 0 24 24\"><path d=\"M7.308 22.5c-.505 0-.933-.175-1.283-.525a1.745 1.745 0 0 1-.525-1.283V3.308c0-.505.175-.933.525-1.283.35-.35.778-.525 1.283-.525h9.384c.505 0 .933.175 1.283.525.35.35.525.778.525 1.283v17.384c0 .505-.175.933-.525 1.283-.35.35-.778.525-1.283.525H7.308ZM7 19.75v.942c0 .077.032.148.096.212a.294.294 0 0 0 .212.096h9.384a.294.294 0 0 0 .212-.096.294.294 0 0 0 .096-.212v-.942H7Zm0-1.5h10V5.75H7v12.5Zm5-2.596L8.346 12 9.4 10.946l1.85 1.82v-4.42h1.5v4.42l1.85-1.82L15.654 12 12 15.654ZM7 4.25h10v-.942a.294.294 0 0 0-.096-.212.294.294 0 0 0-.212-.096H7.308a.294.294 0 0 0-.212.096.294.294 0 0 0-.096.212v.942Z\" /></symbol><symbol id=\"ds-twitter\" viewBox=\"0 0 24 24\"><path d=\"M22 3.999c-.78.463-2.345 1.094-3.265 1.276-.027.007-.049.016-.075.023A4.5 4.5 0 0 0 11 8.499c0 .131-.011.372 0 .5-3.353 0-5.905-1.756-7.735-4-.199.5-.286 1.29-.286 2.032 0 1.401 1.095 2.777 2.8 3.63-.314.081-.66.139-1.02.139A2.686 2.686 0 0 1 3 10.183v.051c0 1.958 2.078 3.291 3.926 3.662-.375.221-1.131.243-1.5.243-.26 0-1.18-.119-1.426-.165.514 1.605 2.368 2.507 4.135 2.539-1.382 1.084-2.341 1.486-5.171 1.486H2C3.788 19.145 6.065 20 8.347 20 15.777 20 20 14.337 20 8.999l-.005-.447c0-.018.005-.035.005-.053 0-.027-.008-.053-.008-.08a18.384 18.384 0 0 0-.009-.329A8.217 8.217 0 0 0 22 5.999a8.07 8.07 0 0 1-2.32.636c.834-.5 2.019-1.692 2.32-2.636Z\" /></symbol><symbol id=\"ds-user_policy\" viewBox=\"0 0 24 24\"><path d=\"M14 13.5h4v-1.2h-4v1.2Zm0 2.7h4V15h-4v1.2Zm.5-8.7h7v14h-19v-14h7v-5h5v5ZM11 9h2V4h-2v5Zm-2 6c.367 0 .683-.129.95-.387.267-.259.4-.58.4-.963 0-.367-.133-.683-.4-.95a1.298 1.298 0 0 0-.95-.4c-.367 0-.683.133-.95.4-.267.267-.4.583-.4.95s.133.683.4.95c.267.267.583.4.95.4Zm-2.85 2.7h5.7v-.275c0-.267-.07-.508-.212-.725a1.386 1.386 0 0 0-.588-.5 4.665 4.665 0 0 0-1-.325 5.342 5.342 0 0 0-1.05-.1c-.367 0-.717.033-1.05.1a4.665 4.665 0 0 0-1 .325 1.38 1.38 0 0 0-.587.5 1.294 1.294 0 0 0-.213.725v.275ZM9.5 9H4v11h16V9h-5.5v1.5h-5V9Z\" /></symbol><symbol id=\"ds-view_list\" viewBox=\"0 0 24 24\"><path d=\"M3.5 18.3V5.55h17V18.3h-17Zm1.5-9h2.25V7.05H5V9.3Zm3.75 0H19V7.05H8.75V9.3Zm0 3.75H19V10.8H8.75v2.25Zm0 3.75H19v-2.25H8.75v2.25ZM5 16.8h2.25v-2.25H5v2.25Zm0-3.75h2.25V10.8H5v2.25Z\" /></symbol><symbol id=\"ds-vip\" viewBox=\"0 0 24 24\"><path d=\"M2.471 19.308v-2.223c0-.531.134-.995.401-1.392a2.767 2.767 0 0 1 1.065-.931c.85-.434 1.747-.784 2.692-1.052.945-.268 2.059-.402 3.342-.402.5 0 .965.02 1.395.06.43.04.832.101 1.205.182l-1.327 1.327a4.01 4.01 0 0 0-.595-.06c-.213-.006-.44-.01-.678-.01-1.183 0-2.22.133-3.11.397-.89.264-1.636.563-2.236.896-.227.122-.393.264-.497.427a1.01 1.01 0 0 0-.157.558v.723h6.058l1.5 1.5H2.47Zm12.954.746-3.104-3.104 1.054-1.054 2.05 2.05 5.05-5.05 1.054 1.054-6.104 6.104Zm-5.454-8.362c-.962 0-1.786-.342-2.472-1.028-.685-.685-1.028-1.51-1.028-2.472S6.814 6.406 7.5 5.72c.686-.685 1.51-1.028 2.472-1.028.963 0 1.787.343 2.472 1.028.685.686 1.028 1.51 1.028 2.472 0 .963-.343 1.787-1.028 2.472-.685.686-1.51 1.028-2.472 1.028Zm0-1.5c.55 0 1.021-.196 1.413-.587.391-.392.587-.863.587-1.413s-.196-1.02-.587-1.412a1.926 1.926 0 0 0-1.413-.588c-.55 0-1.02.196-1.412.588a1.926 1.926 0 0 0-.588 1.412c0 .55.196 1.021.588 1.413.391.391.862.587 1.412.587Z\" /></symbol><symbol id=\"ds-visibility_off\" viewBox=\"0 0 24 24\"><path d=\"m16.087 13.158-1.125-1.125c.15-.833-.087-1.579-.712-2.237-.625-.658-1.388-.913-2.288-.763l-1.125-1.125c.234-.1.467-.175.7-.225.234-.05.492-.075.775-.075 1.134 0 2.096.396 2.887 1.188.792.792 1.188 1.754 1.188 2.887 0 .284-.025.546-.075.787-.05.242-.125.472-.225.688Zm3.175 3.1-1.1-1.025a10.952 10.952 0 0 0 1.688-1.588 8.895 8.895 0 0 0 1.262-1.962C20.28 10 19.083 8.663 17.524 7.67c-1.558-.991-3.295-1.487-5.212-1.487-.483 0-.958.034-1.425.1a9.622 9.622 0 0 0-1.375.3L8.337 5.408c.634-.25 1.28-.433 1.938-.55a11.648 11.648 0 0 1 2.037-.175c2.35 0 4.467.646 6.35 1.938 1.884 1.292 3.25 2.979 4.1 5.062-.366.9-.841 1.738-1.425 2.512a10.348 10.348 0 0 1-2.075 2.063Zm.8 5.8-4.025-4.025c-.516.2-1.087.359-1.712.475-.625.117-1.296.175-2.013.175-2.35 0-4.462-.646-6.338-1.938-1.874-1.291-3.245-2.978-4.112-5.062a11.1 11.1 0 0 1 1.425-2.475 10.84 10.84 0 0 1 1.925-1.975l-2.775-2.8 1.05-1.075 17.65 17.65-1.075 1.05ZM6.262 8.283a10.06 10.06 0 0 0-1.537 1.513 8.948 8.948 0 0 0-1.213 1.887c.834 1.684 2.03 3.021 3.587 4.012 1.559.992 3.297 1.488 5.213 1.488.45 0 .9-.037 1.35-.113.45-.074.834-.153 1.15-.237l-1.25-1.3a3.877 3.877 0 0 1-1.25.225c-1.133 0-2.095-.396-2.887-1.188-.792-.791-1.188-1.753-1.188-2.887 0-.2.021-.412.063-.638.042-.224.096-.428.162-.612l-2.2-2.15Z\" /></symbol><symbol id=\"ds-visibility\" viewBox=\"0 0 24 24\"><path d=\"M12 15.575c1.133 0 2.096-.396 2.887-1.188.792-.791 1.188-1.754 1.188-2.887s-.396-2.096-1.188-2.887c-.791-.792-1.754-1.188-2.887-1.188s-2.096.396-2.887 1.188c-.792.791-1.188 1.754-1.188 2.887s.396 2.096 1.188 2.887c.791.792 1.754 1.188 2.887 1.188Zm0-1.375c-.75 0-1.387-.263-1.912-.788A2.602 2.602 0 0 1 9.3 11.5c0-.75.263-1.388.788-1.913A2.603 2.603 0 0 1 12 8.8c.75 0 1.388.262 1.913.787.525.525.787 1.163.787 1.913s-.262 1.387-.787 1.912A2.605 2.605 0 0 1 12 14.2Zm0 4.3c-2.3 0-4.396-.633-6.287-1.9-1.892-1.267-3.28-2.967-4.163-5.1.883-2.133 2.271-3.833 4.163-5.1C7.604 5.133 9.7 4.5 12 4.5s4.396.633 6.288 1.9c1.891 1.267 3.279 2.967 4.162 5.1-.883 2.133-2.27 3.833-4.162 5.1-1.892 1.267-3.988 1.9-6.288 1.9Zm0-1.5a9.545 9.545 0 0 0 5.188-1.488A9.77 9.77 0 0 0 20.8 11.5a9.777 9.777 0 0 0-3.612-4.013A9.55 9.55 0 0 0 12 6a9.55 9.55 0 0 0-5.188 1.487A9.777 9.777 0 0 0 3.2 11.5a9.77 9.77 0 0 0 3.612 4.012A9.545 9.545 0 0 0 12 17Z\" /></symbol><symbol id=\"ds-volume_off\" viewBox=\"0 0 24 24\"><path d=\"m19.475 22.15-3.025-3.025a7.332 7.332 0 0 1-2.275.975v-1.55c.217-.067.425-.142.625-.225.2-.083.392-.175.575-.275l-3.575-3.6v4.35l-4.3-4.3H3.8v-5h3.025L2 4.65 3.05 3.6l17.475 17.475-1.05 1.075Zm-.5-5.425L17.9 15.65c.35-.533.617-1.113.8-1.738.183-.625.275-1.27.275-1.937 0-1.517-.442-2.88-1.325-4.088A6.675 6.675 0 0 0 14.175 5.4V3.85c1.867.5 3.383 1.5 4.55 3 1.167 1.5 1.75 3.208 1.75 5.125 0 .883-.129 1.725-.387 2.525a8.2 8.2 0 0 1-1.113 2.225Zm-3.05-3.05-1.75-1.75V8.3a3.94 3.94 0 0 1 1.563 1.55c.375.667.562 1.383.562 2.15 0 .3-.033.587-.1.862a4.908 4.908 0 0 1-.275.813ZM11.8 9.525l-2.175-2.15L11.8 5.2v4.325Zm-1.5 5.625v-2.2L8.325 11H5.3v2h2.85l2.15 2.15Z\" /></symbol><symbol id=\"ds-volume_up\" viewBox=\"0 0 24 24\"><path d=\"M14.05 20.1v-1.55a6.673 6.673 0 0 0 3.475-2.488c.883-1.208 1.325-2.57 1.325-4.087s-.442-2.88-1.325-4.088A6.675 6.675 0 0 0 14.05 5.4V3.85c1.85.5 3.362 1.5 4.537 3 1.175 1.5 1.763 3.208 1.763 5.125 0 1.917-.588 3.625-1.763 5.125-1.175 1.5-2.687 2.5-4.537 3Zm-10.4-5.6v-5h3.725l4.275-4.3v13.6l-4.275-4.3H3.65Zm10.4 1.15V8.3a3.854 3.854 0 0 1 1.55 1.55 4.39 4.39 0 0 1 .55 2.15c0 .767-.183 1.475-.55 2.125a3.899 3.899 0 0 1-1.55 1.525Zm-3.9-6.8L8 11H5.15v2H8l2.15 2.15v-6.3Z\" /></symbol><symbol id=\"ds-wifi_off\" viewBox=\"0 0 24 24\"><path d=\"M21.9 11.1a14.116 14.116 0 0 0-4.462-3.013C15.746 7.362 13.933 7 12 7c-.35 0-.692.012-1.025.037A12.16 12.16 0 0 0 10 7.15L8.075 5.225c.6-.15 1.221-.263 1.863-.338A17.865 17.865 0 0 1 12 4.775c2.25 0 4.354.42 6.312 1.262A16.286 16.286 0 0 1 23.45 9.5l-1.55 1.6Zm-4 3.95-4-4c.967.133 1.908.43 2.825.888A9.185 9.185 0 0 1 19.2 13.75l-1.3 1.3Zm1.925 6.925-8.85-8.875c-.9.1-1.75.346-2.55.737-.8.392-1.492.896-2.075 1.513l-1.55-1.6a9.746 9.746 0 0 1 1.988-1.525 9.293 9.293 0 0 1 2.362-.975L6.175 8.3c-.717.317-1.429.717-2.137 1.2A13.447 13.447 0 0 0 2.1 11.1L.55 9.5c.6-.6 1.238-1.142 1.913-1.625.675-.483 1.362-.9 2.062-1.25l-2.2-2.2 1.05-1.05 17.55 17.55-1.1 1.05ZM12 21l-2.975-3c.383-.383.83-.683 1.338-.9A4.128 4.128 0 0 1 12 16.775c.583 0 1.129.108 1.637.325.509.217.955.517 1.338.9L12 21Z\" /></symbol><symbol id=\"ds-x\" viewBox=\"0 0 24 24\"><path d=\"M13.903 10.469 21.348 2h-1.764l-6.465 7.353L7.955 2H2l7.808 11.12L2 22h1.764l6.828-7.765L16.044 22H22l-8.098-11.531Zm-2.417 2.748-.791-1.107L4.4 3.3h2.71l5.08 7.11.791 1.107 6.604 9.242h-2.71l-5.389-7.541Z\" /></symbol><symbol id=\"ds-quiz-mask\" viewBox=\"0 0 596 335\"><style>{\".noop-so-svgo-keeps-clippath{fill:none}\"}</style><clipPath id=\"quiz-mask\" clipPathUnits=\"objectBoundingBox\"><path d=\"M.537.968C.582.974.621.921.632.847.646.936.694.998.747.99.774.986.798.964.816.933.832.96.853.978.876.98.926.986.97.92.975.831.992.547 1 .371 1 .229 1 .142.96.073.911.067.871.063.834.103.817.164.808.064.757-.008.699 0 .669.005.643.031.625.069A.078.078 0 0 0 .577.037C.547.033.52.056.502.093.491.046.466.01.436.002.39-.01.347.047.341.129L.34.141C.33.09.304.051.272.045.241.04.212.066.196.109.184.055.155.016.121.011.07.004.027.072.024.162a9.848 9.848 0 0 1-.023.539C-.005.79.032.87.082.877.106.881.128.867.145.843.14.921.173.991.217.999.255 1 .289.964.301.902c.013.034.033.059.058.065C.405.978.448.921.454.839L.455.83c.006.073.039.132.082.138\" /></clipPath></symbol></svg>;\nexport default SvgSprite;", "import { formatClassString } from \"../../helpers/formatClassString\";\nimport { DsIcon } from '@bonniernews/dn-design-system-web/types-lib/ds-icon.d.ts';\n\nimport SpriteFile from '../../foundations/icons/sprite.svg';\n\nexport interface IconProps {\n iconName: DsIcon;\n classNames?: string;\n attributes?: object;\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/icon](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/icon-sprite)\n * - Storybook: [icon](https://designsystem.dn.se/?path=/docs/foundations-icons--docs)\n *\n * The IconUse component is used to render a specific icon from the sprite, but mostly we will use the IconWithWrapper component.\n * The IconSprite component is only used to export the sprite file.\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/icon/icon.scss'`\n */\nexport const IconUse = ({ iconName, classNames, attributes }: IconProps) => {\n const componentClassName = 'ds-icon';\n\n const classes = formatClassString([\n componentClassName,\n `${componentClassName}--sprite`,\n `${componentClassName}--${iconName}`,\n classNames,\n ])\n\n return (\n <i className={classes} { ...attributes }>\n <svg><use xlinkHref={`#ds-${ iconName }`}></use></svg>\n </i>\n );\n};\n\n// @ts-ignore\nexport const IconSprite = () => <SpriteFile />\n", "import { formatClassString } from '../../helpers/formatClassString'\n\nexport interface SpinnerProps {\n variant: 'brand' | 'secondary' | 'primary' | 'onBrand' | 'onBusiness' | 'staticBlack' | 'staticWhite'\n size?: 'large' | 'small' | 'xsmall'\n forcePx?: boolean\n classNames?: string\n attributes?: object\n}\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/spinner](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/spinner)\n * - Storybook: [Spinner](https://designsystem.dn.se/?path=/docs/basic-spinner--docs)\n *\n * The component will not include styling by itself. Make sure to include the right styles for the component. See example below:\n * `@use '@bonniernews/dn-design-system-web/components/spinner/spinner.scss'`\n */\nexport const Spinner = ({ variant = 'primary', size = 'large', forcePx, classNames, attributes }: SpinnerProps) => {\n const componentClassName = 'ds-spinner';\n\n const classes = formatClassString([\n `${componentClassName}`,\n `${componentClassName}--${variant}`,\n `${componentClassName}--${size}`,\n forcePx && 'ds-force-px',\n classNames,\n ])\n\n return (\n <span className={classes} {...attributes}>\n <span className={`${componentClassName}__inner`}></span>\n </span>\n )\n}\n\nexport default Spinner\n", "import { TextButtonProps } from '../button/button-types'\nimport { IconUse } from '../icon-sprite/icon-sprite'\nimport Spinner from '../spinner/spinner'\n\n/**\n * - GitHub: [BonnierNews/dn-design-system/../web/src/components/text-button](https://github.com/BonnierNews/dn-design-system/tree/main/web/src/components/text-button)\n * - Storybook: [TextButton](https://designsystem.dn.se/?path=/docs/basic-buttons-textbutton--docs)\n */\nexport const TextButton = ({\n text,\n href,\n type = 'button',\n iconName,\n iconPosition = 'none',\n size,\n fullWidth = false,\n mobileFullWidth = false,\n hideTextOnMobile = false,\n loading = false,\n disabled = false,\n forcePx = false,\n classNames = '',\n attributes = {},\n}: TextButtonProps) => {\n const iconSvg =\n iconName && iconPosition !== 'none' ? <IconUse iconName={iconName} attributes={{ 'aria-hidden': 'true' }} /> : null\n\n const componentClassName = 'ds-text-btn'\n const classNamePrefix = `${componentClassName}--`\n const classes = [\n componentClassName,\n size && `${classNamePrefix}${size}`,\n fullWidth && `${classNamePrefix}full-width`,\n mobileFullWidth && `${classNamePrefix}mobile-full-width`,\n iconSvg && `${classNamePrefix}icon-${iconPosition}`,\n hideTextOnMobile && `${classNamePrefix}icon-only-mobile`,\n loading && 'ds-loading',\n forcePx && 'ds-force-px',\n classNames,\n ]\n .filter(Boolean)\n .join(' ')\n\n const ariaLabel = attributes['aria-label'] || text\n\n const spinnerSize = size === 'sm' ? 'xsmall' : 'small'\n const loadingHtml = loading ? (\n <Spinner size={spinnerSize} variant='primary' forcePx={forcePx} attributes={{ 'aria-hidden': 'true' }} />\n ) : null\n\n if (href) {\n return (\n <a href={href || '#'} aria-label={ariaLabel} className={classes} {...attributes}>\n <span className='ds-text-btn__text' aria-hidden='true'>\n {text}\n </span>\n {iconSvg}\n {loadingHtml}\n </a>\n )\n }\n\n return (\n <button type={type} aria-label={ariaLabel} className={classes} disabled={disabled} {...attributes}>\n <span className='ds-text-btn__text' aria-hidden='true'>\n {text}\n </span>\n {iconSvg}\n {loadingHtml}\n </button>\n )\n}\n"],
5
+ "mappings": ";AAAO,IAAM,oBAAoB,CAAC,iBAAqD;AACrF,SAAO,aAAa,OAAO,OAAK,CAAC,CAAC,CAAC,EAAE,KAAK,GAAG;AAC/C;;;ACFA,SAAS,SAAS;AAKJ,cAA+osD,YAA/osD;;;AC4BL,gBAAAA,YAAA;AAZF,IAAM,UAAU,CAAC,EAAE,UAAU,YAAY,WAAW,MAAiB;AAC1E,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB;AAAA,IAChC;AAAA,IACA,GAAG,kBAAkB;AAAA,IACrB,GAAG,kBAAkB,KAAK,QAAQ;AAAA,IAClC;AAAA,EACF,CAAC;AAED,SACA,gBAAAA,KAAC,OAAE,WAAW,SAAW,GAAG,YAC1B,0BAAAA,KAAC,SAAI,0BAAAA,KAAC,SAAI,WAAW,OAAQ,QAAS,IAAI,GAAM,GAClD;AAEF;;;ACNM,gBAAAC,YAAA;AAbC,IAAM,UAAU,CAAC,EAAE,UAAU,WAAW,OAAO,SAAS,SAAS,YAAY,WAAW,MAAoB;AACjH,QAAM,qBAAqB;AAE3B,QAAM,UAAU,kBAAkB;AAAA,IAChC,GAAG,kBAAkB;AAAA,IACrB,GAAG,kBAAkB,KAAK,OAAO;AAAA,IACjC,GAAG,kBAAkB,KAAK,IAAI;AAAA,IAC9B,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AAED,SACE,gBAAAA,KAAC,UAAK,WAAW,SAAU,GAAG,YAC5B,0BAAAA,KAAC,UAAK,WAAW,GAAG,kBAAkB,WAAW,GACnD;AAEJ;AAEA,IAAO,kBAAQ;;;ACV2B,gBAAAC,MA2BpC,QAAAC,aA3BoC;AAjBnC,IAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA,YAAY;AAAA,EACZ,kBAAkB;AAAA,EAClB,mBAAmB;AAAA,EACnB,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU;AAAA,EACV,aAAa;AAAA,EACb,aAAa,CAAC;AAChB,MAAuB;AACrB,QAAM,UACJ,YAAY,iBAAiB,SAAS,gBAAAD,KAAC,WAAQ,UAAoB,YAAY,EAAE,eAAe,OAAO,GAAG,IAAK;AAEjH,QAAM,qBAAqB;AAC3B,QAAM,kBAAkB,GAAG,kBAAkB;AAC7C,QAAM,UAAU;AAAA,IACd;AAAA,IACA,QAAQ,GAAG,eAAe,GAAG,IAAI;AAAA,IACjC,aAAa,GAAG,eAAe;AAAA,IAC/B,mBAAmB,GAAG,eAAe;AAAA,IACrC,WAAW,GAAG,eAAe,QAAQ,YAAY;AAAA,IACjD,oBAAoB,GAAG,eAAe;AAAA,IACtC,WAAW;AAAA,IACX,WAAW;AAAA,IACX;AAAA,EACF,EACG,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,QAAM,YAAY,WAAW,YAAY,KAAK;AAE9C,QAAM,cAAc,SAAS,OAAO,WAAW;AAC/C,QAAM,cAAc,UAClB,gBAAAA,KAAC,mBAAQ,MAAM,aAAa,SAAQ,WAAU,SAAkB,YAAY,EAAE,eAAe,OAAO,GAAG,IACrG;AAEJ,MAAI,MAAM;AACR,WACE,gBAAAC,MAAC,OAAE,MAAM,QAAQ,KAAK,cAAY,WAAW,WAAW,SAAU,GAAG,YACnE;AAAA,sBAAAD,KAAC,UAAK,WAAU,qBAAoB,eAAY,QAC7C,gBACH;AAAA,MACC;AAAA,MACA;AAAA,OACH;AAAA,EAEJ;AAEA,SACE,gBAAAC,MAAC,YAAO,MAAY,cAAY,WAAW,WAAW,SAAS,UAAqB,GAAG,YACrF;AAAA,oBAAAD,KAAC,UAAK,WAAU,qBAAoB,eAAY,QAC7C,gBACH;AAAA,IACC;AAAA,IACA;AAAA,KACH;AAEJ;",
6
+ "names": ["jsx", "jsx", "jsx", "jsxs"]
7
+ }
package/variables/colors-dark-mode.json CHANGED
@@ -24,7 +24,7 @@
24
24
  "primary-strongest": "#ffffff",
25
25
  "primaryinvert": "rgba(5, 5, 5, 0.13)",
26
26
  "primaryinvert-strong": "rgba(5, 5, 5, 0.5)",
27
- "primaryinvert-strongest": "#0d0d0d",
27
+ "primaryinvert-strongest": "#171717",
28
28
  "brand": "#fd2330",
29
29
  "culture": "#4293d7"
30
30
  },
package/variables/typography-list.json CHANGED
@@ -31,8 +31,6 @@
31
31
  "detail-teaser-standard": "'detail-teaser-standard'",
32
32
  "detail-teaser-large-compact": "'detail-teaser-large-compact'",
33
33
  "detail-teaser-baotaxl": "'detail-teaser-baotaxl'",
34
- "detail-teaser-text-i-bild": "'detail-teaser-text-i-bild'",
35
- "detail-teaser-large-opinion": "'detail-teaser-large-opinion'",
36
34
  "detail-teaser-large-rightcol": "'detail-teaser-large-rightcol'",
37
35
  "detail-teaser-standard-compact-opinion": "'detail-teaser-standard-compact-opinion'",
38
36
  "detail-teaser-twin": "'detail-teaser-twin'",
@@ -41,7 +39,8 @@
41
39
  "detail-teaser-storrubrik": "'detail-teaser-storrubrik'",
42
40
  "detail-teaser-standard-compact": "'detail-teaser-standard-compact'",
43
41
  "detail-teaser-storrubrik-opinion": "'detail-teaser-storrubrik-opinion'",
44
- "detail-medryckare": "'detail-medryckare'",
42
+ "detail-teaser-large-opinion": "'detail-teaser-large-opinion'",
43
+ "detail-teaser-text-i-bild": "'detail-teaser-text-i-bild'",
45
44
  "detail-article-quote": "'detail-article-quote'",
46
45
  "detail-article-standard": "'detail-article-standard'",
47
46
  "detail-article-direkt": "'detail-article-direkt'",
@@ -50,7 +49,9 @@
50
49
  "detail-article-direct-opinion": "'detail-article-direct-opinion'",
51
50
  "detail-article-opinion": "'detail-article-opinion'",
52
51
  "detail-mellanrubrik": "'detail-mellanrubrik'",
53
- "detail-direkt-header": "'detail-direkt-header'",
54
52
  "detail-gameheader": "'detail-gameheader'",
55
- "detail-dropcap": "'detail-dropcap'"
53
+ "detail-dropcap": "'detail-dropcap'",
54
+ "detail-direkt-header": "'detail-direkt-header'",
55
+ "detail-medryckare": "'detail-medryckare'",
56
+ "detail-direkt-body": "'detail-direkt-body'"
56
57
  }