@sikt/sds-toggle 2.1.0 → 3.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/CHANGELOG.md +84 -0
  2. package/dist/index.css +256 -61
  3. package/dist/index.css.map +1 -1
  4. package/dist/index.d.mts +39 -0
  5. package/dist/index.d.ts +20 -16
  6. package/dist/index.js +1 -2
  7. package/dist/index.js.map +1 -1
  8. package/dist/index.mjs +1 -0
  9. package/dist/index.mjs.map +1 -0
  10. package/package.json +22 -8
  11. package/dist/cjs/index.css +0 -62
  12. package/dist/cjs/index.css.map +0 -1
  13. package/dist/cjs/index.d.ts +0 -35
  14. package/dist/cjs/index.js +0 -2
  15. package/dist/cjs/index.js.map +0 -1
package/CHANGELOG.md ADDED
@@ -0,0 +1,84 @@
1
+ # Changelog
2
+
3
+ All notable changes to this project will be documented in this file. See [commit-and-tag-version](https://github.com/absolute-version/commit-and-tag-version) for commit guidelines.
4
+
5
+ ## [3.0.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@3.0.0...@sikt/sds-toggle@3.0.1) (2024-04-26)
6
+
7
+ ### Bug Fixes
8
+
9
+ - **deps:** update @sikt/sds-core to ^3.0.2 ([a55b4c2](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/a55b4c2f0bad4dfe80b26c0f7102622b4257d8b2))
10
+ - **deps:** update @sikt/sds-tokens to ^1.0.1 ([3618147](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/3618147fbc51048b8f63484b63cd2fa6e76cbbf4))
11
+ - **deps:** update sds-icons ([8a3e1ae](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/8a3e1ae229148b84f603089337b8a8f54d23fe39))
12
+ - **toggle:** add classname to correct element ([909f938](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/909f938e643952b1354eb52c51f7e918c3c5873f))
13
+ - **toggle:** add missing deps sds-icon ([41da229](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/41da22918039cf2a3c698e4824ef11babfc3e57c))
14
+
15
+ ## [3.0.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@2.1.0...@sikt/sds-toggle@3.0.0) (2024-04-01)
16
+
17
+ ### ⚠ BREAKING CHANGES
18
+
19
+ - **toggle-segment:** remove unneeded children prop
20
+
21
+ ### Bug Fixes
22
+
23
+ - allow props on input components to be ReactNode where possible ([68d2500](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/68d2500c5a6d97c72e119829169dffa278b0b2a3))
24
+ - **deps:** update sds-form ([795b9d7](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/795b9d7b46639c019c336f8c9e4a3a58e748fdc5))
25
+ - **toggle-segment:** remove unneeded children prop ([4ef6ab4](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/4ef6ab4be72c4c1249a7918e8ec1ceadc1fba806))
26
+
27
+ ## [2.1.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@2.0.0...@sikt/sds-toggle@2.1.0) (2023-11-02)
28
+
29
+ ### Features
30
+
31
+ - **toggle-segment:** fixed width variant & accessibility fix ([2efd3c5](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/2efd3c527bbc73a70fe521eeeb954448e90053dc))
32
+
33
+ ## [2.0.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@1.2.0...@sikt/sds-toggle@2.0.0) (2023-10-28)
34
+
35
+ ### ⚠ BREAKING CHANGES
36
+
37
+ - move ...props to input element
38
+ - **tokens:** add new tokens to toggle package
39
+ - **toggle-segment:** The change might be breaking in cases where one
40
+ has selected elements in custom css, as the semantics of the
41
+ component are changed, or one has made use of custom html markup.
42
+
43
+ ### Features
44
+
45
+ - move ...props to input element ([1488289](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/1488289d882cd77515e720228180690ac2138c73))
46
+ - **tokens:** add new tokens to toggle package ([083ff67](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/083ff674c4334ff9f4c7ad0701642a92d0a32dfb))
47
+
48
+ ### Bug Fixes
49
+
50
+ - **toggle-segment:** tweak focus to be :focus-visible ([20baa9a](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/20baa9a7f9a45d484c5b8a29cf3f8713e3f1fbf1))
51
+
52
+ ## [1.2.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@1.1.1...@sikt/sds-toggle@1.2.0) (2023-09-19)
53
+
54
+ ### Features
55
+
56
+ - **toggle-segment:** add toggle-segment component ([a95fe4a](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/a95fe4ad21ef014cc0c79085117f46b6f7a8fd6a))
57
+
58
+ ### [1.1.1](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@1.1.0...@sikt/sds-toggle@1.1.1) (2023-08-15)
59
+
60
+ ### Bug Fixes
61
+
62
+ - **toggle-button:** fix flash of white on click ([5d920a6](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/5d920a61b6f57df699915779e249030bae1193ec))
63
+
64
+ ## [1.1.0](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/compare/@sikt/sds-toggle@1.0.0...@sikt/sds-toggle@1.1.0) (2023-07-06)
65
+
66
+ ### Features
67
+
68
+ - **toggle-button:** add toggle-button component ([4e65a90](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/4e65a90b4f04b9787cadff4a87205479f3c53b51))
69
+
70
+ ## 1.0.0 (2023-06-22)
71
+
72
+ ### ⚠ BREAKING CHANGES
73
+
74
+ - **toggle-switch:** rename component
75
+
76
+ ### Features
77
+
78
+ - **toggle-switch:** add role switch ([9df7f3d](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/9df7f3d5d80eefd85304ad30edaaa190b02b3c89))
79
+ - **toggle-switch:** rename component ([8cb652b](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/8cb652b8d5c076337d609baefeb7146a253f41e4))
80
+ - **toggle:** add toggle component ([b55ba18](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/b55ba18640beba5e1beca2805e16984e85d4759d))
81
+
82
+ ### Bug Fixes
83
+
84
+ - **toggle-switch:** update styling with new design ([9725756](https://gitlab.sikt.no/designsystem/sds-komponentbibliotek/commit/97257568434c9c946f25ff62322919122af22b09))
package/dist/index.css CHANGED
@@ -1,62 +1,257 @@
1
- .sds-toggle-switch{--toggle-transition-duration:var(--sds-effect-animation-duration-medium);--toggle-track-width:var(--sds-base-size-l);--toggle-thumb-size:var(--sds-base-size-s1);--toggle-border-width:var(--sds-space-border-weight-regular);--toggle-padding:var(--sds-space-padding-minimal);--toggle-thumb-offset:var(--toggle-padding);--toggle-track-background-color:var(--sds-color-layout-background-default);--toggle-track-border-color:var(
2
- --sds-color-interaction-neutral-strong-default
3
- );--toggle-thumb-background-color:var(
4
- --sds-color-interaction-neutral-strong-default
5
- );--toggle-thumb-color:var(--sds-color-text-on-strong);--toggle-thumb-position:0}.sds-toggle-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:var(--sds-space-padding-small)}.sds-toggle-switch:hover{--toggle-track-border-color:var(
6
- --sds-color-interaction-neutral-strong-highlight
7
- );--toggle-thumb-background-color:var(
8
- --sds-color-interaction-neutral-strong-highlight
9
- )}.sds-toggle-switch:active{--toggle-track-border-color:var(
10
- --sds-color-interaction-neutral-strong-pressed
11
- );--toggle-thumb-background-color:var(
12
- --sds-color-interaction-neutral-strong-pressed
13
- )}.sds-toggle-switch--checked{--toggle-track-background-color:var(
14
- --sds-color-interaction-primary-strong-default
15
- );--toggle-track-border-color:var(--toggle-track-background-color);--toggle-thumb-background-color:var(--sds-color-layout-background-default);--toggle-thumb-color:var(--sds-color-text-primary);--toggle-thumb-position:calc(var(--toggle-track-width) - var(--toggle-thumb-size) - var(--toggle-thumb-offset)*2)}.sds-toggle-switch--checked:active,.sds-toggle-switch--checked:hover{--toggle-thumb-background-color:var(
16
- --sds-color-layout-background-default
17
- )}.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
18
- --sds-color-interaction-primary-strong-highlight
19
- );--toggle-track-border-color:var(
20
- --sds-color-interaction-primary-strong-highlight
21
- )}.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
22
- --sds-color-interaction-primary-strong-pressed
23
- );--toggle-track-border-color:var(
24
- --sds-color-interaction-primary-strong-pressed
25
- )}.sds-toggle-switch__inner{align-items:center;display:inline-flex;padding:calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;position:relative}.sds-toggle-switch__label-text{align-items:center;color:var(--sds-color-text-primary);display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-regular);padding:var(--sds-space-padding-tiny)}.sds-toggle-switch__track{-webkit-appearance:none;appearance:none;background-color:var(--toggle-track-background-color);border:var(--toggle-border-width) solid var(--toggle-track-border-color);border-radius:var(--toggle-thumb-size);cursor:pointer;height:calc(var(--toggle-thumb-size) + var(--toggle-thumb-offset)*2);padding:var(--toggle-padding);transition:background-color var(--toggle-transition-duration),border-color var(--toggle-transition-duration);width:var(--toggle-track-width)}.sds-toggle-switch__track:focus-visible{outline:var(--sds-focus-outline);outline-offset:0}.sds-toggle-switch__thumb{align-items:center;background-color:var(--toggle-thumb-background-color);border-radius:var(--sds-space-border-radius-full);display:inline-flex;height:var(--toggle-thumb-size);justify-content:center;left:var(--toggle-thumb-offset);padding:var(--sds-space-border-weight-regular);position:absolute;transform:translateX(var(--toggle-thumb-position));transition:all var(--toggle-transition-duration);width:var(--toggle-thumb-size)}.sds-toggle-switch__thumb>*{color:var(--toggle-thumb-color);font-size:var(--sds-base-size-s);transition:all var(--toggle-transition-duration)}.sds-toggle-switch--error,.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-border-color:var(
26
- --sds-color-interaction-danger-strong-default
27
- );--toggle-thumb-background-color:var(
28
- --sds-color-interaction-danger-strong-default
29
- )}.sds-toggle-switch--error.sds-toggle-switch--checked:hover,.sds-toggle-switch--error:hover{--toggle-track-border-color:var(
30
- --sds-color-interaction-danger-strong-highlight
31
- );--toggle-thumb-background-color:var(
32
- --sds-color-interaction-danger-strong-highlight
33
- )}.sds-toggle-switch--error.sds-toggle-switch--checked:active,.sds-toggle-switch--error:active{--toggle-track-border-color:var(
34
- --sds-color-interaction-danger-strong-pressed
35
- );--toggle-thumb-background-color:var(
36
- --sds-color-interaction-danger-strong-pressed
37
- )}.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-background-color:var(
38
- --sds-color-interaction-danger-strong-default
39
- );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
40
- --sds-color-interaction-danger-strong-highlight
41
- );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
42
- --sds-color-interaction-danger-strong-pressed
43
- );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-button{--toggle-button-background-color:inherit;--toggle-button-border-color:var(
44
- --sds-color-interaction-primary-strong-default
45
- );--toggle-button-color:var(--sds-color-text-primary);--toggle-button-outline:none;display:inline-block}.sds-toggle-button__label{align-items:center;background-color:var(--toggle-button-background-color);border:var(--sds-space-border-weight-regular) solid var(--toggle-button-border-color);border-radius:var(--sds-space-border-radius-full);color:var(--toggle-button-color);cursor:pointer;display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);gap:var(--sds-space-gap-small);line-height:var(--sds-typography-body-lineheight-regular);outline:var(--toggle-button-outline);outline-offset:0;padding:calc(var(--sds-space-padding-small) - var(--sds-space-border-weight-regular));-webkit-user-select:none;user-select:none}.sds-toggle-button__label-text{padding:0 var(--sds-space-padding-tiny)}.sds-toggle-button__label:hover{--toggle-button-border-color:var(
46
- --sds-color-interaction-primary-strong-highlight
47
- )}.sds-toggle-button__label:active{--toggle-button-border-color:var(
48
- --sds-color-interaction-primary-strong-pressed
49
- )}.sds-toggle-button__label--checked{--toggle-button-background-color:var(
50
- --sds-color-interaction-primary-strong-default
51
- );--toggle-button-border-color:var(--toggle-button-background-color);--toggle-button-color:var(--sds-color-text-on-strong)}.sds-toggle-button__label--checked:hover{--toggle-button-background-color:var(
52
- --sds-color-interaction-primary-strong-highlight
53
- )}.sds-toggle-button__label--checked:active{--toggle-button-background-color:var(
54
- --sds-color-interaction-primary-strong-pressed
55
- )}.sds-toggle-button__label--checked:focus{--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__icon{height:var(--sds-base-size-m);transform:rotateY(0deg) rotate(0deg);transition:transform .3s ease;width:var(--sds-base-size-m)}.sds-toggle-button__icon--checked{transform:rotateY(0deg) rotate(-45deg)}.sds-toggle-button__input{cursor:pointer;opacity:0;position:absolute}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label{--toggle-button-border-color:var(
56
- --sds-color-interaction-primary-strong-highlight
57
- );--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label--checked{--toggle-button-background-color:var(
58
- --sds-color-interaction-primary-strong-highlight
59
- )}.sds-toggle-segment__fieldset{align-items:center;display:flex}.sds-toggle-segment__fieldset .sds-form-fieldset__legend{float:left}.sds-toggle-segment__group{border-radius:var(--sds-space-border-radius-small);display:inline-grid;grid-auto-flow:column;outline:var(--sds-space-border-weight-regular) solid var(--sds-color-interaction-primary-strong-default);outline-offset:calc(var(--sds-space-border-weight-regular)*-1)}.sds-toggle-segment--fixed .sds-toggle-segment__group{grid-auto-columns:1fr}.sds-toggle-segment__option{align-items:center;display:flex;justify-content:center}.sds-toggle-segment__label{border-radius:var(--sds-space-border-radius-small);cursor:pointer;font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);min-width:44px;padding:var(--sds-space-padding-small);position:relative;text-align:center;width:100%}.sds-toggle-segment__label:hover{background:var(--sds-color-interaction-primary-transparent-highlight)}.sds-toggle-segment__label:active{background:var(--sds-color-interaction-primary-transparent-pressed)}.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-default);color:var(--sds-color-text-on-strong)}.sds-toggle-segment__label--checked:hover{background-color:var(--sds-color-interaction-primary-strong-highlight)}.sds-toggle-segment__label--checked:active{background-color:var(--sds-color-interaction-primary-strong-pressed)}.sds-toggle-segment__input{opacity:0;pointer-events:none;position:absolute}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label{background-color:var(
60
- --sds-color-interaction-primary-transparent-highlight
61
- );outline:var(--sds-focus-outline)}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-highlight)}
1
+ /* toggle-switch.pcss */
2
+ .sds-toggle-switch {
3
+ --toggle-transition-duration: var(--sds-effect-animation-duration-medium);
4
+ --toggle-track-width: var(--sds-base-size-l);
5
+ --toggle-thumb-size: var(--sds-base-size-s1);
6
+ --toggle-border-width: var(--sds-space-border-weight-regular);
7
+ --toggle-padding: var(--sds-space-padding-minimal);
8
+ --toggle-thumb-offset: var(--toggle-padding);
9
+ --toggle-track-background-color: var(--sds-color-layout-background-default);
10
+ --toggle-track-border-color: var( --sds-color-interaction-neutral-strong-default );
11
+ --toggle-thumb-background-color: var( --sds-color-interaction-neutral-strong-default );
12
+ --toggle-thumb-color: var(--sds-color-text-on-strong);
13
+ --toggle-thumb-position: 0;
14
+ }
15
+ .sds-toggle-switch__label {
16
+ align-items: center;
17
+ cursor: pointer;
18
+ display: inline-flex;
19
+ gap: var(--sds-space-padding-small);
20
+ }
21
+ .sds-toggle-switch:hover {
22
+ --toggle-track-border-color: var( --sds-color-interaction-neutral-strong-highlight );
23
+ --toggle-thumb-background-color: var( --sds-color-interaction-neutral-strong-highlight );
24
+ }
25
+ .sds-toggle-switch:active {
26
+ --toggle-track-border-color: var( --sds-color-interaction-neutral-strong-pressed );
27
+ --toggle-thumb-background-color: var( --sds-color-interaction-neutral-strong-pressed );
28
+ }
29
+ .sds-toggle-switch--checked {
30
+ --toggle-track-background-color: var( --sds-color-interaction-primary-strong-default );
31
+ --toggle-track-border-color: var(--toggle-track-background-color);
32
+ --toggle-thumb-background-color: var(--sds-color-layout-background-default);
33
+ --toggle-thumb-color: var(--sds-color-text-primary);
34
+ --toggle-thumb-position: calc( var(--toggle-track-width) - var(--toggle-thumb-size) - 2 * var(--toggle-thumb-offset) );
35
+ }
36
+ .sds-toggle-switch--checked:hover,
37
+ .sds-toggle-switch--checked:active {
38
+ --toggle-thumb-background-color: var( --sds-color-layout-background-default );
39
+ }
40
+ .sds-toggle-switch--checked:hover {
41
+ --toggle-track-background-color: var( --sds-color-interaction-primary-strong-highlight );
42
+ --toggle-track-border-color: var( --sds-color-interaction-primary-strong-highlight );
43
+ }
44
+ .sds-toggle-switch--checked:active {
45
+ --toggle-track-background-color: var( --sds-color-interaction-primary-strong-pressed );
46
+ --toggle-track-border-color: var( --sds-color-interaction-primary-strong-pressed );
47
+ }
48
+ .sds-toggle-switch__inner {
49
+ align-items: center;
50
+ display: inline-flex;
51
+ padding: calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;
52
+ position: relative;
53
+ }
54
+ .sds-toggle-switch__label-text {
55
+ align-items: center;
56
+ color: var(--sds-color-text-primary);
57
+ display: flex;
58
+ font-size: var(--sds-typography-body-fontsize-regular);
59
+ font-weight: var(--sds-typography-weight-regular);
60
+ line-height: var(--sds-typography-body-lineheight-regular);
61
+ padding: var(--sds-space-padding-tiny);
62
+ }
63
+ .sds-toggle-switch__track {
64
+ -webkit-appearance: none;
65
+ appearance: none;
66
+ cursor: pointer;
67
+ background-color: var(--toggle-track-background-color);
68
+ border: var(--toggle-border-width) solid var(--toggle-track-border-color);
69
+ border-radius: var(--toggle-thumb-size);
70
+ height: calc(var(--toggle-thumb-size) + calc(2 * var(--toggle-thumb-offset)));
71
+ width: var(--toggle-track-width);
72
+ padding: var(--toggle-padding);
73
+ transition: background-color var(--toggle-transition-duration), border-color var(--toggle-transition-duration);
74
+ }
75
+ .sds-toggle-switch__track:focus-visible {
76
+ outline: var(--sds-focus-outline);
77
+ outline-offset: 0;
78
+ }
79
+ .sds-toggle-switch__thumb {
80
+ display: inline-flex;
81
+ align-items: center;
82
+ justify-content: center;
83
+ position: absolute;
84
+ left: var(--toggle-thumb-offset);
85
+ height: var(--toggle-thumb-size);
86
+ width: var(--toggle-thumb-size);
87
+ border-radius: var(--sds-space-border-radius-full);
88
+ transition: all var(--toggle-transition-duration);
89
+ background-color: var(--toggle-thumb-background-color);
90
+ transform: translateX(var(--toggle-thumb-position));
91
+ padding: var(--sds-space-border-weight-regular);
92
+ }
93
+ .sds-toggle-switch__thumb > * {
94
+ transition: all var(--toggle-transition-duration);
95
+ color: var(--toggle-thumb-color);
96
+ font-size: var(--sds-base-size-s);
97
+ }
98
+ .sds-toggle-switch--error,
99
+ .sds-toggle-switch--error.sds-toggle-switch--checked {
100
+ --toggle-track-border-color: var( --sds-color-interaction-danger-strong-default );
101
+ --toggle-thumb-background-color: var( --sds-color-interaction-danger-strong-default );
102
+ }
103
+ .sds-toggle-switch--error:hover,
104
+ .sds-toggle-switch--error.sds-toggle-switch--checked:hover {
105
+ --toggle-track-border-color: var( --sds-color-interaction-danger-strong-highlight );
106
+ --toggle-thumb-background-color: var( --sds-color-interaction-danger-strong-highlight );
107
+ }
108
+ .sds-toggle-switch--error:active,
109
+ .sds-toggle-switch--error.sds-toggle-switch--checked:active {
110
+ --toggle-track-border-color: var( --sds-color-interaction-danger-strong-pressed );
111
+ --toggle-thumb-background-color: var( --sds-color-interaction-danger-strong-pressed );
112
+ }
113
+ .sds-toggle-switch--error.sds-toggle-switch--checked {
114
+ --toggle-track-background-color: var( --sds-color-interaction-danger-strong-default );
115
+ --toggle-thumb-background-color: var(--sds-color-text-on-strong);
116
+ }
117
+ .sds-toggle-switch--error.sds-toggle-switch--checked:hover {
118
+ --toggle-track-background-color: var( --sds-color-interaction-danger-strong-highlight );
119
+ --toggle-thumb-background-color: var(--sds-color-text-on-strong);
120
+ }
121
+ .sds-toggle-switch--error.sds-toggle-switch--checked:active {
122
+ --toggle-track-background-color: var( --sds-color-interaction-danger-strong-pressed );
123
+ --toggle-thumb-background-color: var(--sds-color-text-on-strong);
124
+ }
125
+
126
+ /* toggle-button.pcss */
127
+ .sds-toggle-button {
128
+ --toggle-button-background-color: inherit;
129
+ --toggle-button-border-color: var( --sds-color-interaction-primary-strong-default );
130
+ --toggle-button-color: var(--sds-color-text-primary);
131
+ --toggle-button-outline: none;
132
+ display: inline-block;
133
+ }
134
+ .sds-toggle-button__label {
135
+ align-items: center;
136
+ background-color: var(--toggle-button-background-color);
137
+ border: var(--sds-space-border-weight-regular) solid var(--toggle-button-border-color);
138
+ border-radius: var(--sds-space-border-radius-full);
139
+ color: var(--toggle-button-color);
140
+ cursor: pointer;
141
+ display: flex;
142
+ gap: var(--sds-space-gap-small);
143
+ font-size: var(--sds-typography-body-fontsize-regular);
144
+ font-weight: var(--sds-typography-weight-regular);
145
+ line-height: var(--sds-typography-body-lineheight-regular);
146
+ padding: calc(var(--sds-space-padding-small) - var(--sds-space-border-weight-regular));
147
+ outline: var(--toggle-button-outline);
148
+ outline-offset: 0;
149
+ -webkit-user-select: none;
150
+ user-select: none;
151
+ }
152
+ .sds-toggle-button__label-text {
153
+ padding: 0 var(--sds-space-padding-tiny);
154
+ }
155
+ .sds-toggle-button__label:hover {
156
+ --toggle-button-border-color: var( --sds-color-interaction-primary-strong-highlight );
157
+ }
158
+ .sds-toggle-button__label:active {
159
+ --toggle-button-border-color: var( --sds-color-interaction-primary-strong-pressed );
160
+ }
161
+ .sds-toggle-button__label--checked {
162
+ --toggle-button-background-color: var( --sds-color-interaction-primary-strong-default );
163
+ --toggle-button-border-color: var(--toggle-button-background-color);
164
+ --toggle-button-color: var(--sds-color-text-on-strong);
165
+ }
166
+ .sds-toggle-button__label--checked:hover {
167
+ --toggle-button-background-color: var( --sds-color-interaction-primary-strong-highlight );
168
+ }
169
+ .sds-toggle-button__label--checked:active {
170
+ --toggle-button-background-color: var( --sds-color-interaction-primary-strong-pressed );
171
+ }
172
+ .sds-toggle-button__label--checked:focus {
173
+ --toggle-button-outline: var(--sds-focus-outline);
174
+ }
175
+ .sds-toggle-button__icon {
176
+ height: var(--sds-base-size-m);
177
+ width: var(--sds-base-size-m);
178
+ transform: rotateY(0deg) rotate(0deg);
179
+ transition: transform 0.3s ease;
180
+ }
181
+ .sds-toggle-button__icon--checked {
182
+ transform: rotateY(0deg) rotate(-45deg);
183
+ }
184
+ .sds-toggle-button__input {
185
+ cursor: pointer;
186
+ position: absolute;
187
+ opacity: 0;
188
+ }
189
+ .sds-toggle-button__input:focus-visible + .sds-toggle-button__label {
190
+ --toggle-button-border-color: var( --sds-color-interaction-primary-strong-highlight );
191
+ --toggle-button-outline: var(--sds-focus-outline);
192
+ }
193
+ .sds-toggle-button__input:focus-visible + .sds-toggle-button__label--checked {
194
+ --toggle-button-background-color: var( --sds-color-interaction-primary-strong-highlight );
195
+ }
196
+
197
+ /* toggle-segment.pcss */
198
+ .sds-toggle-segment__fieldset {
199
+ display: flex;
200
+ align-items: center;
201
+ }
202
+ .sds-toggle-segment__fieldset .sds-form-fieldset__legend {
203
+ float: left;
204
+ }
205
+ .sds-toggle-segment__group {
206
+ border-radius: var(--sds-space-border-radius-small);
207
+ display: inline-grid;
208
+ grid-auto-flow: column;
209
+ outline: var(--sds-space-border-weight-regular) solid var(--sds-color-interaction-primary-strong-default);
210
+ outline-offset: calc(var(--sds-space-border-weight-regular) * -1);
211
+ }
212
+ .sds-toggle-segment--fixed .sds-toggle-segment__group {
213
+ grid-auto-columns: 1fr;
214
+ }
215
+ .sds-toggle-segment__option {
216
+ align-items: center;
217
+ border-radius: var(--sds-space-border-radius-small);
218
+ display: flex;
219
+ justify-content: center;
220
+ }
221
+ .sds-toggle-segment__option:hover {
222
+ background: var(--sds-color-interaction-primary-transparent-highlight);
223
+ }
224
+ .sds-toggle-segment__option:active {
225
+ background: var(--sds-color-interaction-primary-transparent-pressed);
226
+ }
227
+ .sds-toggle-segment__option--checked {
228
+ background-color: var(--sds-color-interaction-primary-strong-default);
229
+ color: var(--sds-color-text-on-strong);
230
+ }
231
+ .sds-toggle-segment__option--checked:hover {
232
+ background-color: var(--sds-color-interaction-primary-strong-highlight);
233
+ }
234
+ .sds-toggle-segment__option--checked:active {
235
+ background-color: var(--sds-color-interaction-primary-strong-pressed);
236
+ }
237
+ .sds-toggle-segment__option:has(:focus-visible) {
238
+ outline: var(--sds-focus-outline);
239
+ }
240
+ .sds-toggle-segment__label {
241
+ border-radius: var(--sds-space-border-radius-small);
242
+ cursor: pointer;
243
+ font-size: var(--sds-typography-body-fontsize-small);
244
+ font-weight: var(--sds-typography-weight-regular);
245
+ line-height: var(--sds-typography-body-lineheight-small);
246
+ min-width: 44px;
247
+ padding: var(--sds-space-padding-small);
248
+ position: relative;
249
+ text-align: center;
250
+ width: 100%;
251
+ }
252
+ .sds-toggle-segment__input {
253
+ opacity: 0;
254
+ position: absolute;
255
+ pointer-events: none;
256
+ }
62
257
  /*# sourceMappingURL=index.css.map */
package/dist/index.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["toggle-switch.pcss","toggle-button.pcss","toggle-segment.pcss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".sds-toggle-switch {\n --toggle-transition-duration: var(--sds-effect-animation-duration-medium);\n --toggle-track-width: var(--sds-base-size-l);\n --toggle-thumb-size: var(--sds-base-size-s1);\n --toggle-border-width: var(--sds-space-border-weight-regular);\n --toggle-padding: var(--sds-space-padding-minimal);\n --toggle-thumb-offset: var(--toggle-padding);\n --toggle-track-background-color: var(--sds-color-layout-background-default);\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-color: var(--sds-color-text-on-strong);\n --toggle-thumb-position: 0;\n\n &__label {\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n gap: var(--sds-space-padding-small);\n }\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n }\n\n &--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-track-border-color: var(--toggle-track-background-color);\n --toggle-thumb-background-color: var(--sds-color-layout-background-default);\n --toggle-thumb-color: var(--sds-color-text-primary);\n --toggle-thumb-position: calc(\n var(--toggle-track-width) - var(--toggle-thumb-size) - 2 *\n var(--toggle-thumb-offset)\n );\n\n &:hover,\n &:active {\n --toggle-thumb-background-color: var(\n --sds-color-layout-background-default\n );\n }\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n }\n\n &__inner {\n align-items: center;\n display: inline-flex;\n padding: calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;\n position: relative;\n }\n\n &__label-text {\n align-items: center;\n color: var(--sds-color-text-primary);\n display: flex;\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: var(--sds-space-padding-tiny);\n }\n\n &__track {\n appearance: none;\n cursor: pointer;\n background-color: var(--toggle-track-background-color);\n border: var(--toggle-border-width) solid var(--toggle-track-border-color);\n border-radius: var(--toggle-thumb-size);\n height: calc(\n var(--toggle-thumb-size) + calc(2 * var(--toggle-thumb-offset))\n );\n width: var(--toggle-track-width);\n padding: var(--toggle-padding);\n transition: background-color var(--toggle-transition-duration),\n border-color var(--toggle-transition-duration);\n\n &:focus-visible {\n outline: var(--sds-focus-outline);\n outline-offset: 0;\n }\n }\n\n &__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--toggle-thumb-offset);\n height: var(--toggle-thumb-size);\n width: var(--toggle-thumb-size);\n border-radius: var(--sds-space-border-radius-full);\n transition: all var(--toggle-transition-duration);\n background-color: var(--toggle-thumb-background-color);\n transform: translateX(var(--toggle-thumb-position));\n padding: var(--sds-space-border-weight-regular);\n\n > * {\n transition: all var(--toggle-transition-duration);\n color: var(--toggle-thumb-color);\n font-size: var(--sds-base-size-s);\n }\n }\n\n &--error,\n &--error&--checked {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n &--error&--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n }\n}\n",".sds-toggle-button {\n --toggle-button-background-color: inherit;\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-color: var(--sds-color-text-primary);\n --toggle-button-outline: none;\n\n display: inline-block;\n\n &__label {\n align-items: center;\n background-color: var(--toggle-button-background-color);\n border: var(--sds-space-border-weight-regular) solid\n var(--toggle-button-border-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--toggle-button-color);\n cursor: pointer;\n display: flex;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: calc(\n var(--sds-space-padding-small) - var(--sds-space-border-weight-regular)\n );\n outline: var(--toggle-button-outline);\n outline-offset: 0;\n user-select: none;\n\n &-text {\n padding: 0 var(--sds-space-padding-tiny);\n }\n\n &:hover {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-border-color: var(--toggle-button-background-color);\n --toggle-button-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &:focus {\n --toggle-button-outline: var(--sds-focus-outline);\n }\n }\n }\n\n &__icon {\n height: var(--sds-base-size-m);\n width: var(--sds-base-size-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n\n &--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n }\n\n &__input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n\n &:focus-visible + .sds-toggle-button__label {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-button-outline: var(--sds-focus-outline);\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n }\n }\n}\n",".sds-toggle-segment {\n &__fieldset {\n display: flex;\n align-items: center;\n\n .sds-form-fieldset__legend {\n float: left;\n }\n }\n\n &__group {\n border-radius: var(--sds-space-border-radius-small);\n display: inline-grid;\n grid-auto-flow: column;\n outline: var(--sds-space-border-weight-regular) solid\n var(--sds-color-interaction-primary-strong-default);\n outline-offset: calc(var(--sds-space-border-weight-regular) * -1);\n }\n\n &--fixed &__group {\n grid-auto-columns: 1fr;\n }\n\n &__option {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &__label {\n border-radius: var(--sds-space-border-radius-small);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n min-width: 44px;\n padding: var(--sds-space-padding-small);\n position: relative;\n text-align: center;\n width: 100%;\n\n &:hover {\n background: var(--sds-color-interaction-primary-transparent-highlight);\n }\n\n &:active {\n background: var(--sds-color-interaction-primary-transparent-pressed);\n }\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-default);\n color: var(--sds-color-text-on-strong);\n\n &:hover {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n\n &:active {\n background-color: var(--sds-color-interaction-primary-strong-pressed);\n }\n }\n }\n\n &__input {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n\n &:focus-visible + .sds-toggle-segment__label {\n background-color: var(\n --sds-color-interaction-primary-transparent-highlight\n );\n outline: var(--sds-focus-outline);\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../toggle-switch.pcss","../toggle-button.pcss","../toggle-segment.pcss"],"sourcesContent":[".sds-toggle-switch {\n --toggle-transition-duration: var(--sds-effect-animation-duration-medium);\n --toggle-track-width: var(--sds-base-size-l);\n --toggle-thumb-size: var(--sds-base-size-s1);\n --toggle-border-width: var(--sds-space-border-weight-regular);\n --toggle-padding: var(--sds-space-padding-minimal);\n --toggle-thumb-offset: var(--toggle-padding);\n --toggle-track-background-color: var(--sds-color-layout-background-default);\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-color: var(--sds-color-text-on-strong);\n --toggle-thumb-position: 0;\n}\n\n .sds-toggle-switch__label {\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n gap: var(--sds-space-padding-small);\n }\n\n .sds-toggle-switch:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n }\n\n .sds-toggle-switch:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n }\n\n .sds-toggle-switch--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-track-border-color: var(--toggle-track-background-color);\n --toggle-thumb-background-color: var(--sds-color-layout-background-default);\n --toggle-thumb-color: var(--sds-color-text-primary);\n --toggle-thumb-position: calc(\n var(--toggle-track-width) - var(--toggle-thumb-size) - 2 *\n var(--toggle-thumb-offset)\n );\n }\n\n .sds-toggle-switch--checked:hover,\n .sds-toggle-switch--checked:active {\n --toggle-thumb-background-color: var(\n --sds-color-layout-background-default\n );\n }\n\n .sds-toggle-switch--checked:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n .sds-toggle-switch--checked:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n .sds-toggle-switch__inner {\n align-items: center;\n display: inline-flex;\n padding: calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;\n position: relative;\n }\n\n .sds-toggle-switch__label-text {\n align-items: center;\n color: var(--sds-color-text-primary);\n display: flex;\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: var(--sds-space-padding-tiny);\n }\n\n .sds-toggle-switch__track {\n -webkit-appearance: none;\n appearance: none;\n cursor: pointer;\n background-color: var(--toggle-track-background-color);\n border: var(--toggle-border-width) solid var(--toggle-track-border-color);\n border-radius: var(--toggle-thumb-size);\n height: calc(\n var(--toggle-thumb-size) + calc(2 * var(--toggle-thumb-offset))\n );\n width: var(--toggle-track-width);\n padding: var(--toggle-padding);\n transition:\n background-color var(--toggle-transition-duration),\n border-color var(--toggle-transition-duration);\n }\n\n .sds-toggle-switch__track:focus-visible {\n outline: var(--sds-focus-outline);\n outline-offset: 0;\n }\n\n .sds-toggle-switch__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--toggle-thumb-offset);\n height: var(--toggle-thumb-size);\n width: var(--toggle-thumb-size);\n border-radius: var(--sds-space-border-radius-full);\n transition: all var(--toggle-transition-duration);\n background-color: var(--toggle-thumb-background-color);\n transform: translateX(var(--toggle-thumb-position));\n padding: var(--sds-space-border-weight-regular);\n }\n\n .sds-toggle-switch__thumb > * {\n transition: all var(--toggle-transition-duration);\n color: var(--toggle-thumb-color);\n font-size: var(--sds-base-size-s);\n }\n\n .sds-toggle-switch--error,\n .sds-toggle-switch--error.sds-toggle-switch--checked {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n }\n\n .sds-toggle-switch--error:hover, .sds-toggle-switch--error.sds-toggle-switch--checked:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n }\n\n .sds-toggle-switch--error:active, .sds-toggle-switch--error.sds-toggle-switch--checked:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n\n .sds-toggle-switch--error.sds-toggle-switch--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n\n .sds-toggle-switch--error.sds-toggle-switch--checked:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n\n .sds-toggle-switch--error.sds-toggle-switch--checked:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n",".sds-toggle-button {\n --toggle-button-background-color: inherit;\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-color: var(--sds-color-text-primary);\n --toggle-button-outline: none;\n\n display: inline-block;\n}\n\n .sds-toggle-button__label {\n align-items: center;\n background-color: var(--toggle-button-background-color);\n border: var(--sds-space-border-weight-regular) solid\n var(--toggle-button-border-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--toggle-button-color);\n cursor: pointer;\n display: flex;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: calc(\n var(--sds-space-padding-small) - var(--sds-space-border-weight-regular)\n );\n outline: var(--toggle-button-outline);\n outline-offset: 0;\n -webkit-user-select: none;\n user-select: none;\n }\n\n .sds-toggle-button__label-text {\n padding: 0 var(--sds-space-padding-tiny);\n }\n\n .sds-toggle-button__label:hover {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n .sds-toggle-button__label:active {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n .sds-toggle-button__label--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-border-color: var(--toggle-button-background-color);\n --toggle-button-color: var(--sds-color-text-on-strong);\n }\n\n .sds-toggle-button__label--checked:hover {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n .sds-toggle-button__label--checked:active {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n .sds-toggle-button__label--checked:focus {\n --toggle-button-outline: var(--sds-focus-outline);\n }\n\n .sds-toggle-button__icon {\n height: var(--sds-base-size-m);\n width: var(--sds-base-size-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n }\n\n .sds-toggle-button__icon--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n\n .sds-toggle-button__input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n }\n\n .sds-toggle-button__input:focus-visible + .sds-toggle-button__label {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-button-outline: var(--sds-focus-outline);\n }\n\n .sds-toggle-button__input:focus-visible + .sds-toggle-button__label--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n",".sds-toggle-segment__fieldset {\n display: flex;\n align-items: center;\n }\n\n .sds-toggle-segment__fieldset .sds-form-fieldset__legend {\n float: left;\n }\n .sds-toggle-segment__group {\n border-radius: var(--sds-space-border-radius-small);\n display: inline-grid;\n grid-auto-flow: column;\n outline: var(--sds-space-border-weight-regular) solid\n var(--sds-color-interaction-primary-strong-default);\n outline-offset: calc(var(--sds-space-border-weight-regular) * -1);\n }\n .sds-toggle-segment--fixed .sds-toggle-segment__group {\n grid-auto-columns: 1fr;\n }\n .sds-toggle-segment__option {\n align-items: center;\n border-radius: var(--sds-space-border-radius-small);\n display: flex;\n justify-content: center;\n }\n .sds-toggle-segment__option:hover {\n background: var(--sds-color-interaction-primary-transparent-highlight);\n }\n .sds-toggle-segment__option:active {\n background: var(--sds-color-interaction-primary-transparent-pressed);\n }\n .sds-toggle-segment__option--checked {\n background-color: var(--sds-color-interaction-primary-strong-default);\n color: var(--sds-color-text-on-strong);\n }\n .sds-toggle-segment__option--checked:hover {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n .sds-toggle-segment__option--checked:active {\n background-color: var(--sds-color-interaction-primary-strong-pressed);\n }\n .sds-toggle-segment__option:has(:focus-visible) {\n outline: var(--sds-focus-outline);\n }\n .sds-toggle-segment__label {\n border-radius: var(--sds-space-border-radius-small);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n min-width: 44px;\n padding: var(--sds-space-padding-small);\n position: relative;\n text-align: center;\n width: 100%;\n }\n .sds-toggle-segment__input {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n }\n"],"mappings":"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","names":[]}
package/dist/index.d.mts ADDED
@@ -0,0 +1,39 @@
1
+ import * as react from 'react';
2
+ import { ReactNode, ChangeEventHandler, InputHTMLAttributes, ChangeEvent } from 'react';
3
+ import { FieldsetProps } from '@sikt/sds-form';
4
+
5
+ interface ToggleSwitchProps {
6
+ checked?: boolean;
7
+ label: ReactNode;
8
+ labelFirst?: boolean;
9
+ showIcons?: boolean;
10
+ error?: boolean;
11
+ onChange?: ChangeEventHandler<HTMLInputElement>;
12
+ className?: string;
13
+ }
14
+ declare const ToggleSwitch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
15
+
16
+ interface ToggleButtonProps {
17
+ checked?: boolean;
18
+ label: ReactNode;
19
+ showIcons?: boolean;
20
+ onChange?: ChangeEventHandler<HTMLInputElement>;
21
+ className?: string;
22
+ }
23
+ declare const ToggleButton: react.ForwardRefExoticComponent<ToggleButtonProps & react.RefAttributes<HTMLInputElement>>;
24
+
25
+ interface ToggleSegmentProps extends Omit<FieldsetProps, "onChange"> {
26
+ children: ReactNode;
27
+ variant?: "default" | "fixed";
28
+ }
29
+ declare const ToggleSegment: react.ForwardRefExoticComponent<ToggleSegmentProps & react.RefAttributes<HTMLFieldSetElement>>;
30
+
31
+ interface ToggleSegmentOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
32
+ value: string | number;
33
+ label: ReactNode;
34
+ checked?: boolean;
35
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
36
+ }
37
+ declare const ToggleSegmentOption: react.ForwardRefExoticComponent<ToggleSegmentOptionProps & react.RefAttributes<HTMLInputElement>>;
38
+
39
+ export { ToggleButton, type ToggleButtonProps, ToggleSegment, ToggleSegmentOption, type ToggleSegmentOptionProps, type ToggleSegmentProps, ToggleSwitch, type ToggleSwitchProps };
package/dist/index.d.ts CHANGED
@@ -1,35 +1,39 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { ReactNode, ChangeEventHandler, ChangeEvent, InputHTMLAttributes } from "react";
4
- import { FieldsetProps } from "@sikt/sds-form";
5
- type ToggleSwitchProps = {
1
+ import * as react from 'react';
2
+ import { ReactNode, ChangeEventHandler, InputHTMLAttributes, ChangeEvent } from 'react';
3
+ import { FieldsetProps } from '@sikt/sds-form';
4
+
5
+ interface ToggleSwitchProps {
6
6
  checked?: boolean;
7
7
  label: ReactNode;
8
8
  labelFirst?: boolean;
9
9
  showIcons?: boolean;
10
10
  error?: boolean;
11
11
  onChange?: ChangeEventHandler<HTMLInputElement>;
12
- };
13
- declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLInputElement>>;
14
- type ToggleButtonProps = {
12
+ className?: string;
13
+ }
14
+ declare const ToggleSwitch: react.ForwardRefExoticComponent<ToggleSwitchProps & react.RefAttributes<HTMLInputElement>>;
15
+
16
+ interface ToggleButtonProps {
15
17
  checked?: boolean;
16
18
  label: ReactNode;
17
19
  showIcons?: boolean;
18
20
  onChange?: ChangeEventHandler<HTMLInputElement>;
19
- };
20
- declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLInputElement>>;
21
+ className?: string;
22
+ }
23
+ declare const ToggleButton: react.ForwardRefExoticComponent<ToggleButtonProps & react.RefAttributes<HTMLInputElement>>;
24
+
21
25
  interface ToggleSegmentProps extends Omit<FieldsetProps, "onChange"> {
22
26
  children: ReactNode;
23
27
  variant?: "default" | "fixed";
24
28
  }
25
- declare const ToggleSegment: React.ForwardRefExoticComponent<ToggleSegmentProps & React.RefAttributes<HTMLFieldSetElement>>;
29
+ declare const ToggleSegment: react.ForwardRefExoticComponent<ToggleSegmentProps & react.RefAttributes<HTMLFieldSetElement>>;
30
+
26
31
  interface ToggleSegmentOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
27
32
  value: string | number;
28
- label: string;
29
- children?: ReactNode;
33
+ label: ReactNode;
30
34
  checked?: boolean;
31
35
  onChange: (event: ChangeEvent<HTMLInputElement>) => void;
32
36
  }
33
- declare const ToggleSegmentOption: React.ForwardRefExoticComponent<ToggleSegmentOptionProps & React.RefAttributes<HTMLInputElement>>;
34
- export type { ToggleSwitchProps, ToggleButtonProps, ToggleSegmentProps, ToggleSegmentOptionProps };
35
- export { ToggleSwitch, ToggleButton, ToggleSegment, ToggleSegmentOption };
37
+ declare const ToggleSegmentOption: react.ForwardRefExoticComponent<ToggleSegmentOptionProps & react.RefAttributes<HTMLInputElement>>;
38
+
39
+ export { ToggleButton, type ToggleButtonProps, ToggleSegment, ToggleSegmentOption, type ToggleSegmentOptionProps, type ToggleSegmentProps, ToggleSwitch, type ToggleSwitchProps };
package/dist/index.js CHANGED
@@ -1,2 +1 @@
1
- import{jsx as e,jsxs as s}from"react/jsx-runtime";import{forwardRef as l,useId as a,createContext as t,useMemo as d,useContext as c}from"react";import o from"clsx";const i=({className:s,...l})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:o("sds-icon",s),"aria-hidden":"true",...l,children:e("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}),n=({className:s,...l})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:o("sds-icon",s),"aria-hidden":"true",...l,children:e("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z"})}),r=({className:s,...l})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:o("sds-icon",s),"aria-hidden":"true",...l,children:e("path",{d:"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"})}),g=l((({checked:l=!1,label:t,labelFirst:d=!1,showIcons:c=!0,error:n=!1,onChange:g,...h},m)=>{const _=a(),N=e("div",{className:"sds-toggle-switch__label-text",children:t});return e("div",{className:o("sds-toggle-switch",l&&"sds-toggle-switch--checked",n&&"sds-toggle-switch--error"),"data-testid":"sds-toggle-switch",children:s("label",{className:"sds-toggle-switch__label",htmlFor:_,children:[d&&N,s("div",{className:"sds-toggle-switch__inner",children:[e("input",{ref:m,id:_,type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:l,"aria-invalid":n,onChange:g,readOnly:!g,...h}),s("div",{className:"sds-toggle-switch__thumb",children:[c&&l&&e(i,{}),c&&!l&&e(r,{})]})]}),!d&&N]})})}));g.displayName="ToggleSwitch";const h=l((({checked:l,label:t,showIcons:d=!0,onChange:c,...i},r)=>{const g=a();return s("div",{className:"sds-toggle-button",...i,children:[e("input",{ref:r,type:"checkbox",className:"sds-toggle-button__input",onChange:c,readOnly:!c,checked:l,"aria-checked":l,id:g}),s("label",{className:o("sds-toggle-button__label",l&&"sds-toggle-button__label--checked"),htmlFor:g,children:[e("div",{className:"sds-toggle-button__label-text",children:t}),d&&e(n,{className:o("sds-toggle-button__icon",l&&"sds-toggle-button__icon--checked")})]})]})}));h.displayName="ToggleButton";const m=t(void 0);const _=l((({className:l,legend:t,name:c,errorText:i,helpText:n,children:r,...g},h)=>{const _=a(),N=d((()=>({name:c??_,error:Boolean(i)})),[c,i]);return e(m.Provider,{value:N,children:s("fieldset",{ref:h,className:o("sds-form-fieldset",i&&"sds-form-fieldset--error",l),"aria-describedby":`${_}-help-text`,"aria-invalid":Boolean(i),"aria-errormessage":i?`${_}-help-text`:void 0,...g,children:[e("legend",{className:"sds-form-fieldset__legend",children:t}),r,(i??n)&&e("div",{className:"sds-form-fieldset__help-text",id:`${_}-help-text`,children:i??n})]})})}));_.displayName="Fieldset";const N=l((({children:s,variant:l="default",...a},t)=>e("div",{className:o("sds-toggle-segment","default"!==l&&`sds-toggle-segment--${l}`),children:e(_,{className:"sds-toggle-segment__fieldset",...a,ref:t,children:e("div",{className:"sds-toggle-segment__group",children:s})})})));N.displayName="ToggleSegment";const p=l((({value:l,label:t,checked:d,onChange:i,children:n,...r},g)=>{const{name:h}=c(m)??{},_=a(),N=r.id??_;return s("div",{className:"sds-toggle-segment__option",children:[e("input",{id:N,name:h,ref:g,type:"radio",onChange:i,className:"sds-toggle-segment__input",value:l,checked:d,...r}),s("label",{className:o("sds-toggle-segment__label",d&&"sds-toggle-segment__label--checked"),htmlFor:N,children:[t,n]})]})}));p.displayName="ToggleSegmentOption";export{h as ToggleButton,N as ToggleSegment,p as ToggleSegmentOption,g as ToggleSwitch};
2
- //# sourceMappingURL=index.js.map
1
+ "use strict";var e=require("react"),s=require("clsx"),l=require("@sikt/sds-icons"),t=require("react/jsx-runtime"),a=require("@sikt/sds-form");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(s),o=e.forwardRef((({checked:s=!1,label:a,labelFirst:c=!1,showIcons:o=!0,error:n=!1,onChange:g,className:r,...i},h)=>{const u=e.useId(),m=t.jsx("div",{className:"sds-toggle-switch__label-text",children:a});return t.jsx("div",{className:d.default("sds-toggle-switch",s&&"sds-toggle-switch--checked",n&&"sds-toggle-switch--error",r),"data-testid":"sds-toggle-switch",children:t.jsxs("label",{className:"sds-toggle-switch__label",htmlFor:u,children:[c&&m,t.jsxs("div",{className:"sds-toggle-switch__inner",children:[t.jsx("input",{ref:h,id:u,type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:s,"aria-invalid":n,onChange:g,readOnly:!g,...i}),t.jsxs("div",{className:"sds-toggle-switch__thumb",children:[o&&s&&t.jsx(l.CheckIcon,{}),o&&!s&&t.jsx(l.XIcon,{})]})]}),!c&&m]})})}));o.displayName="ToggleSwitch";var n=e.forwardRef((({checked:s,label:a,showIcons:c=!0,onChange:o,className:n,...g},r)=>{const i=e.useId();return t.jsxs("div",{className:d.default("sds-toggle-button",n),...g,children:[t.jsx("input",{ref:r,type:"checkbox",className:"sds-toggle-button__input",onChange:o,readOnly:!o,checked:s,"aria-checked":s,id:i}),t.jsxs("label",{className:d.default("sds-toggle-button__label",s&&"sds-toggle-button__label--checked"),htmlFor:i,children:[t.jsx("div",{className:"sds-toggle-button__label-text",children:a}),c&&t.jsx(l.PlusCircleIcon,{className:d.default("sds-toggle-button__icon",s&&"sds-toggle-button__icon--checked")})]})]})}));n.displayName="ToggleButton";var g=e.forwardRef((({children:e,variant:s="default",className:l,...c},o)=>t.jsx("div",{className:d.default("sds-toggle-segment","default"!==s&&"sds-toggle-segment--".concat(s),l),children:t.jsx(a.Fieldset,{className:"sds-toggle-segment__fieldset",...c,ref:o,children:t.jsx("div",{className:"sds-toggle-segment__group",children:e})})})));g.displayName="ToggleSegment";var r=e.forwardRef((({value:s,label:l,checked:c,onChange:o,className:n,...g},r)=>{var i,h;const{name:u}=null!=(i=a.useFieldset())?i:{},m=e.useId(),_=null!=(h=g.id)?h:m;return t.jsxs("div",{className:d.default("sds-toggle-segment__option",c&&"sds-toggle-segment__option--checked",n),children:[t.jsx("input",{id:_,name:u,ref:r,type:"radio",onChange:o,className:"sds-toggle-segment__input",value:s,checked:c,...g}),t.jsx("label",{className:"sds-toggle-segment__label",htmlFor:_,children:l})]})}));r.displayName="ToggleSegmentOption",exports.ToggleButton=n,exports.ToggleSegment=g,exports.ToggleSegmentOption=r,exports.ToggleSwitch=o;//# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../icons/dist/index.js","../ToggleSwitch.tsx","../ToggleButton.tsx","../../form/dist/index.js","../ToggleSegment.tsx","../ToggleSegmentOption.tsx"],"sourcesContent":["import{jsx as a}from\"react/jsx-runtime\";import s from\"clsx\";const l=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16v88a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16Zm-16 144H48v-88h160Zm16-104H32V64h192v24ZM96 136a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z\"})}),e=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-60.69l18.35 18.34a8 8 0 0 1-11.32 11.32l-32-32a8 8 0 0 1 0-11.32l32-32a8 8 0 0 1 11.32 11.32L107.31 120H168a8 8 0 0 1 8 8Z\"})}),r=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-93.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32-11.32L148.69 136H88a8 8 0 0 1 0-16h60.69l-18.35-18.34a8 8 0 0 1 11.32-11.32Z\"})}),i=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36-.25-.24a80 80 0 1 0-1.67 114.78 8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0Z\"})}),c=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8Z\"})}),o=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z\"})}),n=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z\"})}),h=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M232 144a64.07 64.07 0 0 1-64 64H80a8 8 0 0 1 0-16h88a48 48 0 0 0 0-96H51.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L51.31 80H168a64.07 64.07 0 0 1 64 64Z\"})}),t=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M170.34 130.34 204.69 96H88a48 48 0 0 0 0 96h88a8 8 0 0 1 0 16H88a64 64 0 0 1 0-128h116.69l-34.35-34.34a8 8 0 0 1 11.32-11.32l48 48a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32-11.32Z\"})}),w=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 71.1a8 8 0 0 1-10.78-3.42 94.13 94.13 0 0 0-33.46-36.91 8 8 0 1 1 8.54-13.54 111.46 111.46 0 0 1 39.12 43.09A8 8 0 0 1 224 71.1ZM35.71 72a8 8 0 0 0 7.1-4.32 94.13 94.13 0 0 1 33.46-36.91 8 8 0 1 0-8.54-13.54 111.46 111.46 0 0 0-39.12 43.09A8 8 0 0 0 35.71 72Zm186.1 103.94A16 16 0 0 1 208 200h-40.8a40 40 0 0 1-78.4 0H48a16 16 0 0 1-13.79-24.06C43.22 160.39 48 138.28 48 112a80 80 0 0 1 160 0c0 26.27 4.78 48.38 13.81 63.94ZM150.62 200h-45.24a24 24 0 0 0 45.24 0ZM208 184c-10.64-18.27-16-42.49-16-72a64 64 0 0 0-128 0c0 29.52-5.38 53.74-16 72Z\"})}),d=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M221.8 175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80 80 0 1 0-160 0c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h40.81a40 40 0 0 0 78.38 0H208a16 16 0 0 0 13.8-24.06ZM128 216a24 24 0 0 1-22.62-16h45.24A24 24 0 0 1 128 216Zm-80-32c7.7-13.24 16-43.92 16-80a64 64 0 1 1 128 0c0 36.05 8.28 66.73 16 80Z\"})}),v=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Z\"})}),m=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 177.57-51.77-32.35a8 8 0 0 0-8.48 0L72 209.57V48h112Z\"})}),g=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z\"})}),Z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Zm-48-56a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8Z\"})}),p=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-109.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L128 140.69l34.34-34.35a8 8 0 0 1 11.32 0Z\"})}),C=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm21.66-122.34L115.31 128l34.35 34.34a8 8 0 0 1-11.32 11.32l-40-40a8 8 0 0 1 0-11.32l40-40a8 8 0 0 1 11.32 11.32Z\"})}),u=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm29.66-93.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32L140.69 128l-34.35-34.34a8 8 0 0 1 11.32-11.32Z\"})}),x=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-77.66a8 8 0 0 1-11.32 11.32L128 115.31l-34.34 34.35a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0Z\"})}),N=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z\"})}),M=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"})}),L=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32Z\"})}),H=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32Z\"})}),f=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),B=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z\"})}),I=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Z\"})}),V=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8Z\"})}),A=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"})}),S=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M104 60a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm60 12a12 12 0 1 0-12-12 12 12 0 0 0 12 12Zm-72 44a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-72 68a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),k=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm12-88a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm44 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm-88 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),U=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 128a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm56-12a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-136 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),P=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z\"})}),D=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8Zm-96 85.15L52.57 64h150.86ZM98.71 128 40 181.81V74.19Zm11.84 10.85 12 11.05a8 8 0 0 0 10.82 0l12-11.05 58 53.15H52.57ZM157.29 128 216 74.18v107.64Z\"})}),q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 112v96a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h24a8 8 0 0 1 0 16H56v96h144v-96h-24a8 8 0 0 1 0-16h24a16 16 0 0 1 16 16ZM93.66 69.66 120 43.31V136a8 8 0 0 0 16 0V43.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),R=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M219.31 80 176 36.69A15.86 15.86 0 0 0 164.69 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V91.31A15.86 15.86 0 0 0 219.31 80ZM168 208H88v-56h80Zm40 0h-24v-56a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v56H48V48h116.69L208 91.31ZM160 72a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h56a8 8 0 0 1 8 8Z\"})}),y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32.08-.09a15.8 15.8 0 0 0 2.78-17.23ZM40 56Zm108.34 72.28a15.92 15.92 0 0 0-4.34 10.89v55.49L112 216v-76.83a15.92 15.92 0 0 0-4.32-10.94L40 56h176Z\"})}),F=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06 107.21 107.21 0 0 0-10.88-26.25 8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6 107.71 107.71 0 0 0-26.25-10.87 8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48 107.6 107.6 0 0 0-26.25 10.88 8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94 107.71 107.71 0 0 0-10.87 26.25 8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06 107.21 107.21 0 0 0 10.88 26.25 8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6 107.71 107.71 0 0 0 26.25 10.87 8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48 107.21 107.21 0 0 0 26.25-10.88 8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94 107.71 107.71 0 0 0 10.87-26.25 8 8 0 0 0-1.49-7.06Zm-16.1-6.5a73.93 73.93 0 0 1 0 8.68 8 8 0 0 0 1.74 5.48l14.19 17.73a91.57 91.57 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64 74.11 74.11 0 0 1-6.14 6.14 8 8 0 0 0-2.64 5.1l-2.51 22.58a91.32 91.32 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a73.93 73.93 0 0 1-8.68 0 8 8 0 0 0-5.48 1.74l-17.78 14.2a91.57 91.57 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1 74.11 74.11 0 0 1-6.14-6.14 8 8 0 0 0-5.1-2.64l-22.58-2.52a91.32 91.32 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48 73.93 73.93 0 0 1 0-8.68 8 8 0 0 0-1.74-5.48L40.2 100.45a91.57 91.57 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64 74.11 74.11 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.32 91.32 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74 73.93 73.93 0 0 1 8.68 0 8 8 0 0 0 5.48-1.74l17.77-14.19a91.57 91.57 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1 74.11 74.11 0 0 1 6.14 6.14 8 8 0 0 0 5.1 2.64l22.58 2.51a91.32 91.32 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z\"})}),G=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m218.83 103.77-80-75.48a1.14 1.14 0 0 1-.11-.11 16 16 0 0 0-21.53 0l-.11.11-79.91 75.48A16 16 0 0 0 32 115.55V208a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48h32v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-92.45a16 16 0 0 0-5.17-11.78ZM208 208h-48v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48v-92.45l.11-.1L128 40l79.9 75.43.11.1Z\"})}),O=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52 80 80H40Zm176 28h-21.37l-36-36 20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),T=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm16-40a8 8 0 0 1-8 8 16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16 16 16 0 0 1 16 16v40a8 8 0 0 1 8 8Zm-32-92a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),E=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 90.34a8 8 0 0 1 0 11.32l-64 64a8 8 0 0 1-11.32-11.32l64-64a8 8 0 0 1 11.32 0ZM215.6 40.4a56 56 0 0 0-79.2 0l-30.06 30.05a8 8 0 0 0 11.32 11.32l30.06-30a40 40 0 0 1 56.57 56.56l-30.07 30.06a8 8 0 0 0 11.31 11.32l30.07-30.11a56 56 0 0 0 0-79.2Zm-77.26 133.82-30.06 30.06a40 40 0 1 1-56.56-56.57l30.05-30.05a8 8 0 0 0-11.32-11.32L40.4 136.4a56 56 0 0 0 79.2 79.2l30.06-30.07a8 8 0 0 0-11.32-11.31Z\"})}),X=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z\"})}),$=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80H96V56a32 32 0 0 1 32-32c15.37 0 29.2 11 32.16 25.59a8 8 0 0 0 15.68-3.18C171.32 24.15 151.2 8 128 8a48.05 48.05 0 0 0-48 48v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm0 128H48V96h160v112Z\"})}),j=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16ZM96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160v112Z\"})}),Q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 218.34-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72 72.08 72.08 0 0 1-72-72Z\"})}),W=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 64a40 40 0 1 0 40 40 40 40 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24Zm0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.19 254.19 0 0 0 41.45 38.3 8 8 0 0 0 9.18 0 254.19 254.19 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88Zm0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118Z\"})}),b=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 120a48.05 48.05 0 0 0-48-48h-39.8c-2.91-.17-53.62-3.74-101.91-44.24A16 16 0 0 0 24 40v160a16 16 0 0 0 26.29 12.25c37.77-31.68 77-40.76 93.71-43.3v31.72a16 16 0 0 0 7.12 13.33l11 7.33A16 16 0 0 0 186.5 212l11.77-44.36A48.07 48.07 0 0 0 240 120ZM40 199.93V40c42.81 35.91 86.63 45 104 47.24v65.48c-17.35 2.28-61.16 11.35-104 47.21Zm131 8v.11l-11-7.33V168h21.6ZM192 152h-32V88h32a32 32 0 1 1 0 64Z\"})}),z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M176 128a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8Zm56 0A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),J=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z\"})}),K=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04Z\"})}),Y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M48 56v144a8 8 0 0 1-16 0V56a8 8 0 0 1 16 0Zm84 54.5-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.5a8 8 0 0 0-5 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49A8 8 0 0 0 132 110.5Zm106 5.14a8 8 0 0 0-10-5.14l-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.49a8 8 0 0 0-4.95 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49a8 8 0 0 0 5.07-10.09Z\"})}),_=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m227.31 73.37-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160 136 75.31 152.69 92 68 176.68ZM48 179.31 76.69 208H48Zm48 25.38L79.31 188 164 103.31 180.69 120Zm96-96L147.31 64l24-24L216 84.68Z\"})}),aa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m222.37 158.46-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62ZM176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40 .61.61 0 0 0 0 .12l21 47-20.67 24.74a6.13 6.13 0 0 0-.57.77 16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14 8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208Z\"})}),sa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z\"})}),la=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z\"})}),ea=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 180a12 12 0 1 1-12-12 12 12 0 0 1 12 12ZM128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28 0-19.85-17.94-36-40-36Zm104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ra=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M222.14 58.87A8 8 0 0 0 216 56H54.68l-4.89-26.86A16 16 0 0 0 34.05 16H16a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27 28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12 28 28 0 1 0 28-28H83.17a8 8 0 0 1-7.87-6.57L72.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56ZM96 204a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm96 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm4-74.57a8 8 0 0 1-7.9 6.57H69.22L57.59 72h148.82Z\"})}),ia=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m141.66 133.66-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 32h-56a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h56a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Z\"})}),ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M112 216a8 8 0 0 1-8 8H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h56a8 8 0 0 1 0 16H48v160h56a8 8 0 0 1 8 8Zm109.66-93.66-40-40a8 8 0 0 0-11.32 11.32L196.69 120H104a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32Z\"})}),oa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31Zm-32 16a16 16 0 1 1 16-16 16 16 0 0 1-16 16Z\"})}),na=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8ZM48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Zm125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32Z\"})}),ha=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8Zm8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16Zm45.66-101.66-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32Z\"})}),ta=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0Zm88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8Zm-50.91-16.4-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31ZM72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Zm-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z\"})}),wa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z\"})}),da=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0ZM93.66 85.66 120 59.31V152a8 8 0 0 0 16 0V59.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),va=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ma=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ga=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24ZM74.08 197.5a64 64 0 0 1 107.84 0 87.83 87.83 0 0 1-107.84 0ZM96 120a32 32 0 1 1 32 32 32 32 0 0 1-32-32Zm97.76 66.41a79.66 79.66 0 0 0-36.06-28.75 48 48 0 1 0-59.4 0 79.66 79.66 0 0 0-36.06 28.75 88 88 0 1 1 131.52 0Z\"})}),Za=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),pa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),Ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"})}),ua=({className:l,...e})=>a(ta,{className:s(\"sds-icon sds-icon--spinner\",l),...e}),xa=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M19.0687 13.8561L29.12 2H26.7382L18.0106 12.2945L11.0399 2H3L13.5411 17.5671L3 30H5.38198L14.5985 19.1287L21.9601 30H30L19.0681 13.8561H19.0687ZM15.8062 17.7042L14.7382 16.1541L6.24025 3.81955H9.89884L16.7568 13.7739L17.8248 15.324L26.7393 28.2632H23.0807L15.8062 17.7048V17.7042Z\"})}),Na=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M4.11716 2.00013H27.9999C28.1606 2.00432 28.32 2.02812 28.4749 2.07108C28.8261 2.16355 29.1456 2.35003 29.3992 2.61046C29.6527 2.8709 29.8308 3.19548 29.9142 3.54952C29.9729 3.78559 30.0008 4.02828 29.9972 4.27154C30.0009 12.0774 30.0009 19.8836 29.9972 27.6901C29.9938 27.8634 29.9804 28.0364 29.9574 28.2081C29.8913 28.7041 29.6476 29.159 29.2716 29.4883C28.8956 29.8176 28.413 29.9989 27.9136 29.9982C19.9715 29.9982 12.029 29.9982 4.08621 29.9982C3.64924 29.9981 3.22353 29.8593 2.8701 29.6019C2.51668 29.3445 2.25356 28.9816 2.11866 28.5652C2.03622 28.2901 1.99634 28.004 2.00026 27.7168C2.00026 19.9369 2.00026 12.1569 2.00026 4.37694C1.9985 4.16869 2.01335 3.96059 2.04459 3.7547C2.08899 3.40751 2.22443 3.07832 2.43721 2.80068C2.64999 2.52305 2.93249 2.3069 3.25583 2.17424C3.52752 2.0561 3.821 1.99679 4.11716 2.00013ZM17.0234 25.7947V25.4753C17.0234 24.7356 17.0157 23.9958 17.0234 23.2571C17.0444 21.6567 16.968 20.0551 17.0654 18.4558C17.0867 17.9859 17.1878 17.523 17.3644 17.0872C17.4597 16.838 17.6057 16.6115 17.7931 16.4219C17.9805 16.2323 18.2051 16.0838 18.4528 15.9859C19.0205 15.7532 19.6488 15.7142 20.2408 15.875C20.667 15.9833 21.033 16.2565 21.2584 16.6347C21.4626 16.9936 21.5925 17.39 21.6403 17.8003C21.694 18.1616 21.7195 18.5265 21.7167 18.8917C21.7115 21.081 21.7115 23.2708 21.7167 25.4609C21.7167 25.5718 21.7299 25.6827 21.7366 25.7803C22.0964 25.8291 25.5553 25.8147 25.7645 25.7626C25.7701 25.6938 25.7811 25.6184 25.7822 25.5407C25.8055 23.958 25.759 22.3754 25.8166 20.7916C25.853 19.9045 25.8449 19.016 25.7922 18.1297C25.7546 17.5408 25.7624 16.9497 25.6815 16.363C25.5939 15.6291 25.3796 14.916 25.0482 14.2557C24.8264 13.8246 24.5192 13.4435 24.1453 13.1355C23.7714 12.8275 23.3388 12.5992 22.8738 12.4645C21.9829 12.1892 21.0431 12.1105 20.1191 12.2338C19.2323 12.3429 18.4041 12.7354 17.7574 13.3529C17.5025 13.5902 17.277 13.8571 17.0854 14.1481C17.0423 14.2146 17.0145 14.3122 16.8739 14.2923C16.8485 13.7211 16.8829 13.1499 16.853 12.5521L16.0502 12.5454H14.5113C14.2589 12.5454 14.0074 12.5454 13.755 12.5454C13.4875 12.5299 13.2191 12.5399 12.9534 12.5754V23.8128C12.9534 24.3784 12.9534 24.9441 12.9534 25.5097C12.9534 25.6018 12.9668 25.6927 12.9734 25.7914L17.0234 25.7947ZM10.252 25.7892C10.3096 25.5485 10.3074 12.805 10.252 12.5909C10.0306 12.5321 6.47549 12.5333 6.25959 12.5909C6.20424 12.8128 6.20313 25.5563 6.25959 25.7759C6.45113 25.8247 9.89992 25.8357 10.252 25.7892ZM10.6085 8.2732C10.6112 7.64777 10.3665 7.04672 9.92817 6.60136C9.48981 6.15601 8.89336 5.90255 8.26904 5.8964C7.95624 5.8945 7.64621 5.95451 7.35663 6.07301C7.06705 6.19151 6.80367 6.36613 6.58166 6.58688C6.35965 6.80763 6.18325 7.07014 6.06281 7.35933C5.94237 7.64853 5.88025 7.9587 5.87981 8.27205C5.87135 8.58776 5.92729 8.90191 6.04443 9.19513C6.16157 9.48835 6.33743 9.7545 6.56098 9.9772C6.78454 10.1999 7.05111 10.3744 7.34446 10.4901C7.63782 10.6058 7.95177 10.6603 8.26688 10.65C8.57882 10.6562 8.88865 10.5987 9.17767 10.481C9.46669 10.3633 9.72879 10.1878 9.9479 9.96528C10.167 9.74278 10.3386 9.47791 10.4522 9.1868C10.5657 8.8957 10.619 8.58442 10.6085 8.27205V8.2732Z\"})});export{l as ArchiveIcon,e as ArrowCircleLeftIcon,r as ArrowCircleRightIcon,i as ArrowClockwiseIcon,c as ArrowLeftIcon,o as ArrowRightIcon,n as ArrowSquareOutIcon,h as ArrowUUpLeftIcon,t as ArrowUUpRightIcon,d as BellIcon,w as BellRingingIcon,v as BookmarkSimpleFillIcon,m as BookmarkSimpleIcon,g as CalendarBlankIcon,Z as CalendarPlusIcon,p as CaretCircleDownIcon,C as CaretCircleLeftIcon,u as CaretCircleRightIcon,x as CaretCircleUpIcon,N as CaretDownIcon,M as CaretLeftIcon,L as CaretRightIcon,H as CaretUpIcon,f as CheckCircleIcon,B as CheckIcon,I as CircleIcon,V as ClockIcon,A as CopyIcon,S as DotsSixVerticalIcon,k as DotsThreeCircleIcon,U as DotsThreeIcon,P as DownloadSimpleIcon,D as EnvelopeIcon,q as ExportIcon,R as FloppyDiskIcon,y as FunnelIcon,F as GearIcon,G as HouseIcon,O as ImageIcon,T as InfoIcon,E as LinkSimpleIcon,Na as LinkedInLogo,X as ListIcon,j as LockSimpleIcon,$ as LockSimpleOpenIcon,Q as MagnifyingGlassIcon,W as MapPinIcon,b as MegaphoneIcon,z as MinusCircleIcon,J as MinusIcon,K as PaperclipIcon,Y as PasswordIcon,_ as PencilIcon,aa as PhoneIcon,sa as PlusCircleIcon,la as PlusIcon,ea as QuestionIcon,ra as ShoppingCartIcon,ia as SignInIcon,ca as SignOutIcon,oa as SlidersIcon,na as SortAscendingIcon,ha as SortDescendingIcon,ta as SpinnerGapIcon,ua as SpinnerIcon,wa as TrashIcon,da as UploadSimpleIcon,ga as UserCircleIcon,va as UserCircleMinusIcon,ma as UserCirclePlusIcon,Za as WarningIcon,pa as XCircleIcon,Ca as XIcon,xa as XLogo};\n//# sourceMappingURL=index.js.map\n","import React, { ReactNode, ChangeEventHandler, useId, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport type ToggleSwitchProps = {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n error?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(\n (\n {\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n error = false,\n onChange,\n ...rest\n },\n ref\n ) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label-text\">{label}</div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n error && \"sds-toggle-switch--error\"\n )}\n data-testid=\"sds-toggle-switch\"\n >\n <label className=\"sds-toggle-switch__label\" htmlFor={id}>\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n ref={ref}\n id={id}\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-invalid={error}\n onChange={onChange}\n readOnly={!onChange}\n {...rest}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n </div>\n );\n }\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n","import React, { ChangeEventHandler, forwardRef, ReactNode, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-button.pcss\";\n\nexport type ToggleButtonProps = {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleButton = forwardRef<HTMLInputElement, ToggleButtonProps>(\n ({ checked, label, showIcons = true, onChange, ...rest }, ref) => {\n const toggleButtonId = useId();\n return (\n <div className=\"sds-toggle-button\" {...rest}>\n <input\n ref={ref}\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\"\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\"\n )}\n />\n )}\n </label>\n </div>\n );\n }\n);\nToggleButton.displayName = \"ToggleButton\";\n","import{jsx as e,jsxs as r}from\"react/jsx-runtime\";import{createContext as l,useContext as s,forwardRef as d,useId as o,useMemo as a}from\"react\";import i from\"clsx\";const t=l(void 0);function m(){return s(t)}const c=d((({className:l,legend:s,name:d,errorText:m,helpText:c,children:n,...f},h)=>{const x=o(),p=a((()=>({name:d??x,error:Boolean(m)})),[d,m]);return e(t.Provider,{value:p,children:r(\"fieldset\",{ref:h,className:i(\"sds-form-fieldset\",m&&\"sds-form-fieldset--error\",l),\"aria-describedby\":`${x}-help-text`,\"aria-invalid\":Boolean(m),\"aria-errormessage\":m?`${x}-help-text`:void 0,...f,children:[e(\"legend\",{className:\"sds-form-fieldset__legend\",children:s}),n,(m??c)&&e(\"div\",{className:\"sds-form-fieldset__help-text\",id:`${x}-help-text`,children:m??c})]})})}));c.displayName=\"Fieldset\";const n=({className:l,text:s,error:d,children:o,...a})=>r(\"label\",{className:i(\"sds-form-field__label\",d&&\"sds-form-field__label--error\",l),...a,children:[e(\"div\",{className:\"sds-form-field__label-text\",children:s}),o]}),f=({className:r,error:l,...s})=>e(\"div\",{className:i(\"sds-form-field__help-text\",l&&\"sds-form-field__help-text--error\",r),...s}),h=({className:l,label:s,errorText:d,helpText:o,htmlFor:a,helpTextId:t,children:m,...c})=>r(\"div\",{className:i(\"sds-form-field\",d&&\"sds-form-field--error\",l),children:[e(n,{text:s,error:Boolean(d),htmlFor:a,...c,children:m}),(d??o)&&e(f,{id:t,error:Boolean(d),children:d??o})]});export{c as Fieldset,h as FormField,f as HelpText,n as Label,m as useFieldset};\n//# sourceMappingURL=index.js.map\n","import React, { ReactNode, forwardRef } from \"react\";\nimport { Fieldset, FieldsetProps } from \"@sikt/sds-form\";\nimport clsx from \"clsx\";\nimport \"./toggle-segment.pcss\";\n\nexport interface ToggleSegmentProps extends Omit<FieldsetProps, \"onChange\"> {\n children: ReactNode;\n variant?: \"default\" | \"fixed\";\n}\n\nexport const ToggleSegment = forwardRef<\n HTMLFieldSetElement,\n ToggleSegmentProps\n>(({ children, variant = \"default\", ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"sds-toggle-segment\",\n variant !== \"default\" && `sds-toggle-segment--${variant}`\n )}\n >\n <Fieldset className=\"sds-toggle-segment__fieldset\" {...rest} ref={ref}>\n <div className=\"sds-toggle-segment__group\">{children}</div>\n </Fieldset>\n </div>\n );\n});\nToggleSegment.displayName = \"ToggleSegment\";\n","import React, {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n} from \"react\";\nimport \"./toggle-segment.pcss\";\nimport clsx from \"clsx\";\nimport { useFieldset } from \"@sikt/sds-form\";\n\nexport interface ToggleSegmentOptionProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n value: string | number;\n label: string;\n children?: ReactNode;\n checked?: boolean;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ToggleSegmentOption = forwardRef<\n HTMLInputElement,\n ToggleSegmentOptionProps\n>(({ value, label, checked, onChange, children, ...rest }, ref) => {\n const { name } = useFieldset() ?? {};\n const generatedId = useId();\n const htmlForId = rest.id ?? generatedId;\n\n return (\n <div className=\"sds-toggle-segment__option\">\n <input\n id={htmlForId}\n name={name}\n ref={ref}\n type=\"radio\"\n onChange={onChange}\n className=\"sds-toggle-segment__input\"\n value={value}\n checked={checked}\n {...rest}\n />\n <label\n className={clsx(\n \"sds-toggle-segment__label\",\n checked && \"sds-toggle-segment__label--checked\"\n )}\n htmlFor={htmlForId}\n >\n {label}\n {children}\n </label>\n </div>\n );\n});\nToggleSegmentOption.displayName = \"ToggleSegmentOption\";\n\nexport default ToggleSegmentOption;\n"],"names":["B","className","l","e","a","xmlns","fill","viewBox","s","children","d","sa","Ca","ToggleSwitch","forwardRef","checked","label","labelFirst","showIcons","error","onChange","rest","ref","id","useId","labelElement","_jsx","clsx","_jsxs","htmlFor","type","role","readOnly","CheckIcon","XIcon","displayName","ToggleButton","toggleButtonId","PlusCircleIcon","t","c","legend","name","errorText","m","helpText","n","f","h","x","o","p","Boolean","Provider","value","r","i","ToggleSegment","variant","Fieldset","ToggleSegmentOption","generatedId","htmlForId"],"mappings":"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"}
1
+ {"version":3,"sources":["../ToggleSwitch.tsx","../ToggleButton.tsx","../ToggleSegment.tsx","../ToggleSegmentOption.tsx"],"names":["forwardRef","useId","clsx","jsx","jsxs"],"mappings":"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","sourcesContent":["import { ReactNode, ChangeEventHandler, useId, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport interface ToggleSwitchProps {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n error?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n className?: string;\n}\n\nexport const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(\n (\n {\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n error = false,\n onChange,\n className,\n ...rest\n },\n ref,\n ) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label-text\">{label}</div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n error && \"sds-toggle-switch--error\",\n className,\n )}\n data-testid=\"sds-toggle-switch\"\n >\n <label className=\"sds-toggle-switch__label\" htmlFor={id}>\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n ref={ref}\n id={id}\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-invalid={error}\n onChange={onChange}\n readOnly={!onChange}\n {...rest}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n </div>\n );\n },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n","import { ChangeEventHandler, forwardRef, ReactNode, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-button.pcss\";\n\nexport interface ToggleButtonProps {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n className?: string;\n}\n\nexport const ToggleButton = forwardRef<HTMLInputElement, ToggleButtonProps>(\n ({ checked, label, showIcons = true, onChange, className, ...rest }, ref) => {\n const toggleButtonId = useId();\n return (\n <div className={clsx(\"sds-toggle-button\", className)} {...rest}>\n <input\n ref={ref}\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\",\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\",\n )}\n />\n )}\n </label>\n </div>\n );\n },\n);\nToggleButton.displayName = \"ToggleButton\";\n","import { ReactNode, forwardRef } from \"react\";\nimport { Fieldset, FieldsetProps } from \"@sikt/sds-form\";\nimport clsx from \"clsx\";\nimport \"./toggle-segment.pcss\";\n\nexport interface ToggleSegmentProps extends Omit<FieldsetProps, \"onChange\"> {\n children: ReactNode;\n variant?: \"default\" | \"fixed\";\n}\n\nexport const ToggleSegment = forwardRef<\n HTMLFieldSetElement,\n ToggleSegmentProps\n>(({ children, variant = \"default\", className, ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"sds-toggle-segment\",\n variant !== \"default\" && `sds-toggle-segment--${variant}`,\n className,\n )}\n >\n <Fieldset className=\"sds-toggle-segment__fieldset\" {...rest} ref={ref}>\n <div className=\"sds-toggle-segment__group\">{children}</div>\n </Fieldset>\n </div>\n );\n});\nToggleSegment.displayName = \"ToggleSegment\";\n","import {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n} from \"react\";\nimport \"./toggle-segment.pcss\";\nimport clsx from \"clsx\";\nimport { useFieldset } from \"@sikt/sds-form\";\n\nexport interface ToggleSegmentOptionProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n value: string | number;\n label: ReactNode;\n checked?: boolean;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ToggleSegmentOption = forwardRef<\n HTMLInputElement,\n ToggleSegmentOptionProps\n>(({ value, label, checked, onChange, className, ...rest }, ref) => {\n const { name } = useFieldset() ?? {};\n const generatedId = useId();\n const htmlForId = rest.id ?? generatedId;\n\n return (\n <div\n className={clsx(\n \"sds-toggle-segment__option\",\n checked && \"sds-toggle-segment__option--checked\",\n className,\n )}\n >\n <input\n id={htmlForId}\n name={name}\n ref={ref}\n type=\"radio\"\n onChange={onChange}\n className=\"sds-toggle-segment__input\"\n value={value}\n checked={checked}\n {...rest}\n />\n <label className=\"sds-toggle-segment__label\" htmlFor={htmlForId}>\n {label}\n </label>\n </div>\n );\n});\nToggleSegmentOption.displayName = \"ToggleSegmentOption\";\n\nexport default ToggleSegmentOption;\n"]}
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ import{forwardRef as e,useId as s}from"react";import l from"clsx";import{CheckIcon as t,XIcon as a,PlusCircleIcon as c}from"@sikt/sds-icons";import{jsx as o,jsxs as d}from"react/jsx-runtime";import{Fieldset as n,useFieldset as g}from"@sikt/sds-form";var i=e((({checked:e=!1,label:c,labelFirst:n=!1,showIcons:g=!0,error:i=!1,onChange:r,className:m,...h},_)=>{const u=s(),N=o("div",{className:"sds-toggle-switch__label-text",children:c});return o("div",{className:l("sds-toggle-switch",e&&"sds-toggle-switch--checked",i&&"sds-toggle-switch--error",m),"data-testid":"sds-toggle-switch",children:d("label",{className:"sds-toggle-switch__label",htmlFor:u,children:[n&&N,d("div",{className:"sds-toggle-switch__inner",children:[o("input",{ref:_,id:u,type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:e,"aria-invalid":i,onChange:r,readOnly:!r,...h}),d("div",{className:"sds-toggle-switch__thumb",children:[g&&e&&o(t,{}),g&&!e&&o(a,{})]})]}),!n&&N]})})}));i.displayName="ToggleSwitch";var r=e((({checked:e,label:t,showIcons:a=!0,onChange:n,className:g,...i},r)=>{const m=s();return d("div",{className:l("sds-toggle-button",g),...i,children:[o("input",{ref:r,type:"checkbox",className:"sds-toggle-button__input",onChange:n,readOnly:!n,checked:e,"aria-checked":e,id:m}),d("label",{className:l("sds-toggle-button__label",e&&"sds-toggle-button__label--checked"),htmlFor:m,children:[o("div",{className:"sds-toggle-button__label-text",children:t}),a&&o(c,{className:l("sds-toggle-button__icon",e&&"sds-toggle-button__icon--checked")})]})]})}));r.displayName="ToggleButton";var m=e((({children:e,variant:s="default",className:t,...a},c)=>o("div",{className:l("sds-toggle-segment","default"!==s&&"sds-toggle-segment--".concat(s),t),children:o(n,{className:"sds-toggle-segment__fieldset",...a,ref:c,children:o("div",{className:"sds-toggle-segment__group",children:e})})})));m.displayName="ToggleSegment";var h=e((({value:e,label:t,checked:a,onChange:c,className:n,...i},r)=>{var m,h;const{name:_}=null!=(m=g())?m:{},u=s(),N=null!=(h=i.id)?h:u;return d("div",{className:l("sds-toggle-segment__option",a&&"sds-toggle-segment__option--checked",n),children:[o("input",{id:N,name:_,ref:r,type:"radio",onChange:c,className:"sds-toggle-segment__input",value:e,checked:a,...i}),o("label",{className:"sds-toggle-segment__label",htmlFor:N,children:t})]})}));h.displayName="ToggleSegmentOption";export{r as ToggleButton,m as ToggleSegment,h as ToggleSegmentOption,i as ToggleSwitch};//# sourceMappingURL=index.mjs.map
package/dist/index.mjs.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../ToggleSwitch.tsx","../ToggleButton.tsx","../ToggleSegment.tsx","../ToggleSegmentOption.tsx"],"names":["forwardRef","useId","clsx","jsx","jsxs"],"mappings":"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","sourcesContent":["import { ReactNode, ChangeEventHandler, useId, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport interface ToggleSwitchProps {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n error?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n className?: string;\n}\n\nexport const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(\n (\n {\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n error = false,\n onChange,\n className,\n ...rest\n },\n ref,\n ) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label-text\">{label}</div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n error && \"sds-toggle-switch--error\",\n className,\n )}\n data-testid=\"sds-toggle-switch\"\n >\n <label className=\"sds-toggle-switch__label\" htmlFor={id}>\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n ref={ref}\n id={id}\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-invalid={error}\n onChange={onChange}\n readOnly={!onChange}\n {...rest}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n </div>\n );\n },\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n","import { ChangeEventHandler, forwardRef, ReactNode, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-button.pcss\";\n\nexport interface ToggleButtonProps {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n className?: string;\n}\n\nexport const ToggleButton = forwardRef<HTMLInputElement, ToggleButtonProps>(\n ({ checked, label, showIcons = true, onChange, className, ...rest }, ref) => {\n const toggleButtonId = useId();\n return (\n <div className={clsx(\"sds-toggle-button\", className)} {...rest}>\n <input\n ref={ref}\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\",\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\",\n )}\n />\n )}\n </label>\n </div>\n );\n },\n);\nToggleButton.displayName = \"ToggleButton\";\n","import { ReactNode, forwardRef } from \"react\";\nimport { Fieldset, FieldsetProps } from \"@sikt/sds-form\";\nimport clsx from \"clsx\";\nimport \"./toggle-segment.pcss\";\n\nexport interface ToggleSegmentProps extends Omit<FieldsetProps, \"onChange\"> {\n children: ReactNode;\n variant?: \"default\" | \"fixed\";\n}\n\nexport const ToggleSegment = forwardRef<\n HTMLFieldSetElement,\n ToggleSegmentProps\n>(({ children, variant = \"default\", className, ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"sds-toggle-segment\",\n variant !== \"default\" && `sds-toggle-segment--${variant}`,\n className,\n )}\n >\n <Fieldset className=\"sds-toggle-segment__fieldset\" {...rest} ref={ref}>\n <div className=\"sds-toggle-segment__group\">{children}</div>\n </Fieldset>\n </div>\n );\n});\nToggleSegment.displayName = \"ToggleSegment\";\n","import {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n} from \"react\";\nimport \"./toggle-segment.pcss\";\nimport clsx from \"clsx\";\nimport { useFieldset } from \"@sikt/sds-form\";\n\nexport interface ToggleSegmentOptionProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n value: string | number;\n label: ReactNode;\n checked?: boolean;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ToggleSegmentOption = forwardRef<\n HTMLInputElement,\n ToggleSegmentOptionProps\n>(({ value, label, checked, onChange, className, ...rest }, ref) => {\n const { name } = useFieldset() ?? {};\n const generatedId = useId();\n const htmlForId = rest.id ?? generatedId;\n\n return (\n <div\n className={clsx(\n \"sds-toggle-segment__option\",\n checked && \"sds-toggle-segment__option--checked\",\n className,\n )}\n >\n <input\n id={htmlForId}\n name={name}\n ref={ref}\n type=\"radio\"\n onChange={onChange}\n className=\"sds-toggle-segment__input\"\n value={value}\n checked={checked}\n {...rest}\n />\n <label className=\"sds-toggle-segment__label\" htmlFor={htmlForId}>\n {label}\n </label>\n </div>\n );\n});\nToggleSegmentOption.displayName = \"ToggleSegmentOption\";\n\nexport default ToggleSegmentOption;\n"]}
package/package.json CHANGED
@@ -1,21 +1,35 @@
1
1
  {
2
2
  "name": "@sikt/sds-toggle",
3
- "version": "2.1.0",
3
+ "version": "3.0.1",
4
4
  "license": "UNLICENSED",
5
- "main": "dist/cjs/index.js",
6
- "module": "dist/index.js",
5
+ "type": "commonjs",
6
+ "main": "dist/index.js",
7
+ "module": "dist/index.mjs",
8
+ "exports": {
9
+ "import": {
10
+ "types": "./dist/index.d.mts",
11
+ "default": "./dist/index.mjs"
12
+ },
13
+ "require": {
14
+ "types": "./dist/index.d.ts",
15
+ "default": "./dist/index.js"
16
+ }
17
+ },
7
18
  "types": "dist/index.d.ts",
8
19
  "style": "dist/index.css",
9
20
  "files": [
10
- "dist"
21
+ "CHANGELOG.md",
22
+ "dist",
23
+ "README.md"
11
24
  ],
12
25
  "scripts": {
13
- "build": "rollup -c ../../rollup.config.mjs"
26
+ "build": "tsup"
14
27
  },
15
28
  "dependencies": {
16
- "@sikt/sds-core": "^3.0.0",
17
- "@sikt/sds-form": "^2.0.0",
18
- "@sikt/sds-tokens": "^1.0.0"
29
+ "@sikt/sds-core": "^3.0.2",
30
+ "@sikt/sds-form": "^2.1.0",
31
+ "@sikt/sds-icons": "^2.0.1",
32
+ "@sikt/sds-tokens": "^1.0.1"
19
33
  },
20
34
  "peerDependencies": {
21
35
  "@types/react": "^18.0.0",
package/dist/cjs/index.css DELETED
@@ -1,62 +0,0 @@
1
- .sds-toggle-switch{--toggle-transition-duration:var(--sds-effect-animation-duration-medium);--toggle-track-width:var(--sds-base-size-l);--toggle-thumb-size:var(--sds-base-size-s1);--toggle-border-width:var(--sds-space-border-weight-regular);--toggle-padding:var(--sds-space-padding-minimal);--toggle-thumb-offset:var(--toggle-padding);--toggle-track-background-color:var(--sds-color-layout-background-default);--toggle-track-border-color:var(
2
- --sds-color-interaction-neutral-strong-default
3
- );--toggle-thumb-background-color:var(
4
- --sds-color-interaction-neutral-strong-default
5
- );--toggle-thumb-color:var(--sds-color-text-on-strong);--toggle-thumb-position:0}.sds-toggle-switch__label{align-items:center;cursor:pointer;display:inline-flex;gap:var(--sds-space-padding-small)}.sds-toggle-switch:hover{--toggle-track-border-color:var(
6
- --sds-color-interaction-neutral-strong-highlight
7
- );--toggle-thumb-background-color:var(
8
- --sds-color-interaction-neutral-strong-highlight
9
- )}.sds-toggle-switch:active{--toggle-track-border-color:var(
10
- --sds-color-interaction-neutral-strong-pressed
11
- );--toggle-thumb-background-color:var(
12
- --sds-color-interaction-neutral-strong-pressed
13
- )}.sds-toggle-switch--checked{--toggle-track-background-color:var(
14
- --sds-color-interaction-primary-strong-default
15
- );--toggle-track-border-color:var(--toggle-track-background-color);--toggle-thumb-background-color:var(--sds-color-layout-background-default);--toggle-thumb-color:var(--sds-color-text-primary);--toggle-thumb-position:calc(var(--toggle-track-width) - var(--toggle-thumb-size) - var(--toggle-thumb-offset)*2)}.sds-toggle-switch--checked:active,.sds-toggle-switch--checked:hover{--toggle-thumb-background-color:var(
16
- --sds-color-layout-background-default
17
- )}.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
18
- --sds-color-interaction-primary-strong-highlight
19
- );--toggle-track-border-color:var(
20
- --sds-color-interaction-primary-strong-highlight
21
- )}.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
22
- --sds-color-interaction-primary-strong-pressed
23
- );--toggle-track-border-color:var(
24
- --sds-color-interaction-primary-strong-pressed
25
- )}.sds-toggle-switch__inner{align-items:center;display:inline-flex;padding:calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;position:relative}.sds-toggle-switch__label-text{align-items:center;color:var(--sds-color-text-primary);display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-regular);padding:var(--sds-space-padding-tiny)}.sds-toggle-switch__track{-webkit-appearance:none;appearance:none;background-color:var(--toggle-track-background-color);border:var(--toggle-border-width) solid var(--toggle-track-border-color);border-radius:var(--toggle-thumb-size);cursor:pointer;height:calc(var(--toggle-thumb-size) + var(--toggle-thumb-offset)*2);padding:var(--toggle-padding);transition:background-color var(--toggle-transition-duration),border-color var(--toggle-transition-duration);width:var(--toggle-track-width)}.sds-toggle-switch__track:focus-visible{outline:var(--sds-focus-outline);outline-offset:0}.sds-toggle-switch__thumb{align-items:center;background-color:var(--toggle-thumb-background-color);border-radius:var(--sds-space-border-radius-full);display:inline-flex;height:var(--toggle-thumb-size);justify-content:center;left:var(--toggle-thumb-offset);padding:var(--sds-space-border-weight-regular);position:absolute;transform:translateX(var(--toggle-thumb-position));transition:all var(--toggle-transition-duration);width:var(--toggle-thumb-size)}.sds-toggle-switch__thumb>*{color:var(--toggle-thumb-color);font-size:var(--sds-base-size-s);transition:all var(--toggle-transition-duration)}.sds-toggle-switch--error,.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-border-color:var(
26
- --sds-color-interaction-danger-strong-default
27
- );--toggle-thumb-background-color:var(
28
- --sds-color-interaction-danger-strong-default
29
- )}.sds-toggle-switch--error.sds-toggle-switch--checked:hover,.sds-toggle-switch--error:hover{--toggle-track-border-color:var(
30
- --sds-color-interaction-danger-strong-highlight
31
- );--toggle-thumb-background-color:var(
32
- --sds-color-interaction-danger-strong-highlight
33
- )}.sds-toggle-switch--error.sds-toggle-switch--checked:active,.sds-toggle-switch--error:active{--toggle-track-border-color:var(
34
- --sds-color-interaction-danger-strong-pressed
35
- );--toggle-thumb-background-color:var(
36
- --sds-color-interaction-danger-strong-pressed
37
- )}.sds-toggle-switch--error.sds-toggle-switch--checked{--toggle-track-background-color:var(
38
- --sds-color-interaction-danger-strong-default
39
- );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:hover{--toggle-track-background-color:var(
40
- --sds-color-interaction-danger-strong-highlight
41
- );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-switch--error.sds-toggle-switch--checked:active{--toggle-track-background-color:var(
42
- --sds-color-interaction-danger-strong-pressed
43
- );--toggle-thumb-background-color:var(--sds-color-text-on-strong)}.sds-toggle-button{--toggle-button-background-color:inherit;--toggle-button-border-color:var(
44
- --sds-color-interaction-primary-strong-default
45
- );--toggle-button-color:var(--sds-color-text-primary);--toggle-button-outline:none;display:inline-block}.sds-toggle-button__label{align-items:center;background-color:var(--toggle-button-background-color);border:var(--sds-space-border-weight-regular) solid var(--toggle-button-border-color);border-radius:var(--sds-space-border-radius-full);color:var(--toggle-button-color);cursor:pointer;display:flex;font-size:var(--sds-typography-body-fontsize-regular);font-weight:var(--sds-typography-weight-regular);gap:var(--sds-space-gap-small);line-height:var(--sds-typography-body-lineheight-regular);outline:var(--toggle-button-outline);outline-offset:0;padding:calc(var(--sds-space-padding-small) - var(--sds-space-border-weight-regular));-webkit-user-select:none;user-select:none}.sds-toggle-button__label-text{padding:0 var(--sds-space-padding-tiny)}.sds-toggle-button__label:hover{--toggle-button-border-color:var(
46
- --sds-color-interaction-primary-strong-highlight
47
- )}.sds-toggle-button__label:active{--toggle-button-border-color:var(
48
- --sds-color-interaction-primary-strong-pressed
49
- )}.sds-toggle-button__label--checked{--toggle-button-background-color:var(
50
- --sds-color-interaction-primary-strong-default
51
- );--toggle-button-border-color:var(--toggle-button-background-color);--toggle-button-color:var(--sds-color-text-on-strong)}.sds-toggle-button__label--checked:hover{--toggle-button-background-color:var(
52
- --sds-color-interaction-primary-strong-highlight
53
- )}.sds-toggle-button__label--checked:active{--toggle-button-background-color:var(
54
- --sds-color-interaction-primary-strong-pressed
55
- )}.sds-toggle-button__label--checked:focus{--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__icon{height:var(--sds-base-size-m);transform:rotateY(0deg) rotate(0deg);transition:transform .3s ease;width:var(--sds-base-size-m)}.sds-toggle-button__icon--checked{transform:rotateY(0deg) rotate(-45deg)}.sds-toggle-button__input{cursor:pointer;opacity:0;position:absolute}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label{--toggle-button-border-color:var(
56
- --sds-color-interaction-primary-strong-highlight
57
- );--toggle-button-outline:var(--sds-focus-outline)}.sds-toggle-button__input:focus-visible+.sds-toggle-button__label--checked{--toggle-button-background-color:var(
58
- --sds-color-interaction-primary-strong-highlight
59
- )}.sds-toggle-segment__fieldset{align-items:center;display:flex}.sds-toggle-segment__fieldset .sds-form-fieldset__legend{float:left}.sds-toggle-segment__group{border-radius:var(--sds-space-border-radius-small);display:inline-grid;grid-auto-flow:column;outline:var(--sds-space-border-weight-regular) solid var(--sds-color-interaction-primary-strong-default);outline-offset:calc(var(--sds-space-border-weight-regular)*-1)}.sds-toggle-segment--fixed .sds-toggle-segment__group{grid-auto-columns:1fr}.sds-toggle-segment__option{align-items:center;display:flex;justify-content:center}.sds-toggle-segment__label{border-radius:var(--sds-space-border-radius-small);cursor:pointer;font-size:var(--sds-typography-body-fontsize-small);font-weight:var(--sds-typography-weight-regular);line-height:var(--sds-typography-body-lineheight-small);min-width:44px;padding:var(--sds-space-padding-small);position:relative;text-align:center;width:100%}.sds-toggle-segment__label:hover{background:var(--sds-color-interaction-primary-transparent-highlight)}.sds-toggle-segment__label:active{background:var(--sds-color-interaction-primary-transparent-pressed)}.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-default);color:var(--sds-color-text-on-strong)}.sds-toggle-segment__label--checked:hover{background-color:var(--sds-color-interaction-primary-strong-highlight)}.sds-toggle-segment__label--checked:active{background-color:var(--sds-color-interaction-primary-strong-pressed)}.sds-toggle-segment__input{opacity:0;pointer-events:none;position:absolute}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label{background-color:var(
60
- --sds-color-interaction-primary-transparent-highlight
61
- );outline:var(--sds-focus-outline)}.sds-toggle-segment__input:focus-visible+.sds-toggle-segment__label--checked{background-color:var(--sds-color-interaction-primary-strong-highlight)}
62
- /*# sourceMappingURL=index.css.map */
package/dist/cjs/index.css.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"sources":["toggle-switch.pcss","toggle-button.pcss","toggle-segment.pcss"],"names":[],"mappings":"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","file":"index.css","sourcesContent":[".sds-toggle-switch {\n --toggle-transition-duration: var(--sds-effect-animation-duration-medium);\n --toggle-track-width: var(--sds-base-size-l);\n --toggle-thumb-size: var(--sds-base-size-s1);\n --toggle-border-width: var(--sds-space-border-weight-regular);\n --toggle-padding: var(--sds-space-padding-minimal);\n --toggle-thumb-offset: var(--toggle-padding);\n --toggle-track-background-color: var(--sds-color-layout-background-default);\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-default\n );\n --toggle-thumb-color: var(--sds-color-text-on-strong);\n --toggle-thumb-position: 0;\n\n &__label {\n align-items: center;\n cursor: pointer;\n display: inline-flex;\n gap: var(--sds-space-padding-small);\n }\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-neutral-strong-pressed\n );\n }\n\n &--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-track-border-color: var(--toggle-track-background-color);\n --toggle-thumb-background-color: var(--sds-color-layout-background-default);\n --toggle-thumb-color: var(--sds-color-text-primary);\n --toggle-thumb-position: calc(\n var(--toggle-track-width) - var(--toggle-thumb-size) - 2 *\n var(--toggle-thumb-offset)\n );\n\n &:hover,\n &:active {\n --toggle-thumb-background-color: var(\n --sds-color-layout-background-default\n );\n }\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n --toggle-track-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n }\n\n &__inner {\n align-items: center;\n display: inline-flex;\n padding: calc(var(--sds-space-padding-small) - var(--toggle-border-width)) 0;\n position: relative;\n }\n\n &__label-text {\n align-items: center;\n color: var(--sds-color-text-primary);\n display: flex;\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: var(--sds-space-padding-tiny);\n }\n\n &__track {\n appearance: none;\n cursor: pointer;\n background-color: var(--toggle-track-background-color);\n border: var(--toggle-border-width) solid var(--toggle-track-border-color);\n border-radius: var(--toggle-thumb-size);\n height: calc(\n var(--toggle-thumb-size) + calc(2 * var(--toggle-thumb-offset))\n );\n width: var(--toggle-track-width);\n padding: var(--toggle-padding);\n transition: background-color var(--toggle-transition-duration),\n border-color var(--toggle-transition-duration);\n\n &:focus-visible {\n outline: var(--sds-focus-outline);\n outline-offset: 0;\n }\n }\n\n &__thumb {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n left: var(--toggle-thumb-offset);\n height: var(--toggle-thumb-size);\n width: var(--toggle-thumb-size);\n border-radius: var(--sds-space-border-radius-full);\n transition: all var(--toggle-transition-duration);\n background-color: var(--toggle-thumb-background-color);\n transform: translateX(var(--toggle-thumb-position));\n padding: var(--sds-space-border-weight-regular);\n\n > * {\n transition: all var(--toggle-transition-duration);\n color: var(--toggle-thumb-color);\n font-size: var(--sds-base-size-s);\n }\n }\n\n &--error,\n &--error&--checked {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n\n &:hover {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n }\n\n &:active {\n --toggle-track-border-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n }\n }\n\n /* stylelint-disable-next-line no-descending-specificity */\n &--error&--checked {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-default\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-highlight\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n\n &:active {\n --toggle-track-background-color: var(\n --sds-color-interaction-danger-strong-pressed\n );\n --toggle-thumb-background-color: var(--sds-color-text-on-strong);\n }\n }\n}\n",".sds-toggle-button {\n --toggle-button-background-color: inherit;\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-color: var(--sds-color-text-primary);\n --toggle-button-outline: none;\n\n display: inline-block;\n\n &__label {\n align-items: center;\n background-color: var(--toggle-button-background-color);\n border: var(--sds-space-border-weight-regular) solid\n var(--toggle-button-border-color);\n border-radius: var(--sds-space-border-radius-full);\n color: var(--toggle-button-color);\n cursor: pointer;\n display: flex;\n gap: var(--sds-space-gap-small);\n font-size: var(--sds-typography-body-fontsize-regular);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-regular);\n padding: calc(\n var(--sds-space-padding-small) - var(--sds-space-border-weight-regular)\n );\n outline: var(--toggle-button-outline);\n outline-offset: 0;\n user-select: none;\n\n &-text {\n padding: 0 var(--sds-space-padding-tiny);\n }\n\n &:hover {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-default\n );\n --toggle-button-border-color: var(--toggle-button-background-color);\n --toggle-button-color: var(--sds-color-text-on-strong);\n\n &:hover {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n\n &:active {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-pressed\n );\n }\n\n &:focus {\n --toggle-button-outline: var(--sds-focus-outline);\n }\n }\n }\n\n &__icon {\n height: var(--sds-base-size-m);\n width: var(--sds-base-size-m);\n transform: rotateY(0deg) rotate(0deg);\n transition: transform 0.3s ease;\n\n &--checked {\n transform: rotateY(0deg) rotate(-45deg);\n }\n }\n\n &__input {\n cursor: pointer;\n position: absolute;\n opacity: 0;\n\n &:focus-visible + .sds-toggle-button__label {\n --toggle-button-border-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n --toggle-button-outline: var(--sds-focus-outline);\n\n &--checked {\n --toggle-button-background-color: var(\n --sds-color-interaction-primary-strong-highlight\n );\n }\n }\n }\n}\n",".sds-toggle-segment {\n &__fieldset {\n display: flex;\n align-items: center;\n\n .sds-form-fieldset__legend {\n float: left;\n }\n }\n\n &__group {\n border-radius: var(--sds-space-border-radius-small);\n display: inline-grid;\n grid-auto-flow: column;\n outline: var(--sds-space-border-weight-regular) solid\n var(--sds-color-interaction-primary-strong-default);\n outline-offset: calc(var(--sds-space-border-weight-regular) * -1);\n }\n\n &--fixed &__group {\n grid-auto-columns: 1fr;\n }\n\n &__option {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n &__label {\n border-radius: var(--sds-space-border-radius-small);\n cursor: pointer;\n font-size: var(--sds-typography-body-fontsize-small);\n font-weight: var(--sds-typography-weight-regular);\n line-height: var(--sds-typography-body-lineheight-small);\n min-width: 44px;\n padding: var(--sds-space-padding-small);\n position: relative;\n text-align: center;\n width: 100%;\n\n &:hover {\n background: var(--sds-color-interaction-primary-transparent-highlight);\n }\n\n &:active {\n background: var(--sds-color-interaction-primary-transparent-pressed);\n }\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-default);\n color: var(--sds-color-text-on-strong);\n\n &:hover {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n\n &:active {\n background-color: var(--sds-color-interaction-primary-strong-pressed);\n }\n }\n }\n\n &__input {\n opacity: 0;\n position: absolute;\n pointer-events: none;\n\n &:focus-visible + .sds-toggle-segment__label {\n background-color: var(\n --sds-color-interaction-primary-transparent-highlight\n );\n outline: var(--sds-focus-outline);\n\n &--checked {\n background-color: var(--sds-color-interaction-primary-strong-highlight);\n }\n }\n }\n}\n"]}
package/dist/cjs/index.d.ts DELETED
@@ -1,35 +0,0 @@
1
- /// <reference types="react" />
2
- import React from "react";
3
- import { ReactNode, ChangeEventHandler, ChangeEvent, InputHTMLAttributes } from "react";
4
- import { FieldsetProps } from "@sikt/sds-form";
5
- type ToggleSwitchProps = {
6
- checked?: boolean;
7
- label: ReactNode;
8
- labelFirst?: boolean;
9
- showIcons?: boolean;
10
- error?: boolean;
11
- onChange?: ChangeEventHandler<HTMLInputElement>;
12
- };
13
- declare const ToggleSwitch: React.ForwardRefExoticComponent<ToggleSwitchProps & React.RefAttributes<HTMLInputElement>>;
14
- type ToggleButtonProps = {
15
- checked?: boolean;
16
- label: ReactNode;
17
- showIcons?: boolean;
18
- onChange?: ChangeEventHandler<HTMLInputElement>;
19
- };
20
- declare const ToggleButton: React.ForwardRefExoticComponent<ToggleButtonProps & React.RefAttributes<HTMLInputElement>>;
21
- interface ToggleSegmentProps extends Omit<FieldsetProps, "onChange"> {
22
- children: ReactNode;
23
- variant?: "default" | "fixed";
24
- }
25
- declare const ToggleSegment: React.ForwardRefExoticComponent<ToggleSegmentProps & React.RefAttributes<HTMLFieldSetElement>>;
26
- interface ToggleSegmentOptionProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange"> {
27
- value: string | number;
28
- label: string;
29
- children?: ReactNode;
30
- checked?: boolean;
31
- onChange: (event: ChangeEvent<HTMLInputElement>) => void;
32
- }
33
- declare const ToggleSegmentOption: React.ForwardRefExoticComponent<ToggleSegmentOptionProps & React.RefAttributes<HTMLInputElement>>;
34
- export type { ToggleSwitchProps, ToggleButtonProps, ToggleSegmentProps, ToggleSegmentOptionProps };
35
- export { ToggleSwitch, ToggleButton, ToggleSegment, ToggleSegmentOption };
package/dist/cjs/index.js DELETED
@@ -1,2 +0,0 @@
1
- "use strict";var e=require("react/jsx-runtime"),s=require("react"),l=require("clsx");const t=({className:s,...t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...t,children:e.jsx("path",{d:"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z"})}),a=({className:s,...t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...t,children:e.jsx("path",{d:"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z"})}),d=({className:s,...t})=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",fill:"currentColor",viewBox:"0 0 256 256",className:l("sds-icon",s),"aria-hidden":"true",...t,children:e.jsx("path",{d:"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z"})}),r=s.forwardRef((({checked:a=!1,label:r,labelFirst:o=!1,showIcons:c=!0,error:n=!1,onChange:i,...g},h)=>{const m=s.useId(),x=e.jsx("div",{className:"sds-toggle-switch__label-text",children:r});return e.jsx("div",{className:l("sds-toggle-switch",a&&"sds-toggle-switch--checked",n&&"sds-toggle-switch--error"),"data-testid":"sds-toggle-switch",children:e.jsxs("label",{className:"sds-toggle-switch__label",htmlFor:m,children:[o&&x,e.jsxs("div",{className:"sds-toggle-switch__inner",children:[e.jsx("input",{ref:h,id:m,type:"checkbox",role:"switch",className:"sds-toggle-switch__track",checked:a,"aria-invalid":n,onChange:i,readOnly:!i,...g}),e.jsxs("div",{className:"sds-toggle-switch__thumb",children:[c&&a&&e.jsx(t,{}),c&&!a&&e.jsx(d,{})]})]}),!o&&x]})})}));r.displayName="ToggleSwitch";const o=s.forwardRef((({checked:t,label:d,showIcons:r=!0,onChange:o,...c},n)=>{const i=s.useId();return e.jsxs("div",{className:"sds-toggle-button",...c,children:[e.jsx("input",{ref:n,type:"checkbox",className:"sds-toggle-button__input",onChange:o,readOnly:!o,checked:t,"aria-checked":t,id:i}),e.jsxs("label",{className:l("sds-toggle-button__label",t&&"sds-toggle-button__label--checked"),htmlFor:i,children:[e.jsx("div",{className:"sds-toggle-button__label-text",children:d}),r&&e.jsx(a,{className:l("sds-toggle-button__icon",t&&"sds-toggle-button__icon--checked")})]})]})}));o.displayName="ToggleButton";const c=s.createContext(void 0);const n=s.forwardRef((({className:t,legend:a,name:d,errorText:r,helpText:o,children:n,...i},g)=>{const h=s.useId(),m=s.useMemo((()=>({name:d??h,error:Boolean(r)})),[d,r]);return e.jsx(c.Provider,{value:m,children:e.jsxs("fieldset",{ref:g,className:l("sds-form-fieldset",r&&"sds-form-fieldset--error",t),"aria-describedby":`${h}-help-text`,"aria-invalid":Boolean(r),"aria-errormessage":r?`${h}-help-text`:void 0,...i,children:[e.jsx("legend",{className:"sds-form-fieldset__legend",children:a}),n,(r??o)&&e.jsx("div",{className:"sds-form-fieldset__help-text",id:`${h}-help-text`,children:r??o})]})})}));n.displayName="Fieldset";const i=s.forwardRef((({children:s,variant:t="default",...a},d)=>e.jsx("div",{className:l("sds-toggle-segment","default"!==t&&`sds-toggle-segment--${t}`),children:e.jsx(n,{className:"sds-toggle-segment__fieldset",...a,ref:d,children:e.jsx("div",{className:"sds-toggle-segment__group",children:s})})})));i.displayName="ToggleSegment";const g=s.forwardRef((({value:t,label:a,checked:d,onChange:r,children:o,...n},i)=>{const{name:g}=s.useContext(c)??{},h=s.useId(),m=n.id??h;return e.jsxs("div",{className:"sds-toggle-segment__option",children:[e.jsx("input",{id:m,name:g,ref:i,type:"radio",onChange:r,className:"sds-toggle-segment__input",value:t,checked:d,...n}),e.jsxs("label",{className:l("sds-toggle-segment__label",d&&"sds-toggle-segment__label--checked"),htmlFor:m,children:[a,o]})]})}));g.displayName="ToggleSegmentOption",exports.ToggleButton=o,exports.ToggleSegment=i,exports.ToggleSegmentOption=g,exports.ToggleSwitch=r;
2
- //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../icons/dist/index.js","../../ToggleSwitch.tsx","../../ToggleButton.tsx","../../../form/dist/index.js","../../ToggleSegment.tsx","../../ToggleSegmentOption.tsx"],"sourcesContent":["import{jsx as a}from\"react/jsx-runtime\";import s from\"clsx\";const l=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a16 16 0 0 0-16 16v24a16 16 0 0 0 16 16v88a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16v-88a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16Zm-16 144H48v-88h160Zm16-104H32V64h192v24ZM96 136a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z\"})}),e=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-60.69l18.35 18.34a8 8 0 0 1-11.32 11.32l-32-32a8 8 0 0 1 0-11.32l32-32a8 8 0 0 1 11.32 11.32L107.31 120H168a8 8 0 0 1 8 8Z\"})}),r=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-93.66a8 8 0 0 1 0 11.32l-32 32a8 8 0 0 1-11.32-11.32L148.69 136H88a8 8 0 0 1 0-16h60.69l-18.35-18.34a8 8 0 0 1 11.32-11.32Z\"})}),i=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 56v48a8 8 0 0 1-8 8h-48a8 8 0 0 1 0-16h27.4l-26.59-24.36-.25-.24a80 80 0 1 0-1.67 114.78 8 8 0 0 1 11 11.63A95.44 95.44 0 0 1 128 224h-1.32a96 96 0 1 1 69.07-164L224 85.8V56a8 8 0 1 1 16 0Z\"})}),c=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H59.31l58.35 58.34a8 8 0 0 1-11.32 11.32l-72-72a8 8 0 0 1 0-11.32l72-72a8 8 0 0 1 11.32 11.32L59.31 120H216a8 8 0 0 1 8 8Z\"})}),o=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m221.66 133.66-72 72a8 8 0 0 1-11.32-11.32L196.69 136H40a8 8 0 0 1 0-16h156.69l-58.35-58.34a8 8 0 0 1 11.32-11.32l72 72a8 8 0 0 1 0 11.32Z\"})}),n=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 104a8 8 0 0 1-16 0V59.32l-66.33 66.34a8 8 0 0 1-11.32-11.32L196.68 48H152a8 8 0 0 1 0-16h64a8 8 0 0 1 8 8Zm-40 24a8 8 0 0 0-8 8v72H48V80h72a8 8 0 0 0 0-16H48a16 16 0 0 0-16 16v128a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-72a8 8 0 0 0-8-8Z\"})}),h=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M232 144a64.07 64.07 0 0 1-64 64H80a8 8 0 0 1 0-16h88a48 48 0 0 0 0-96H51.31l34.35 34.34a8 8 0 0 1-11.32 11.32l-48-48a8 8 0 0 1 0-11.32l48-48a8 8 0 0 1 11.32 11.32L51.31 80H168a64.07 64.07 0 0 1 64 64Z\"})}),t=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M170.34 130.34 204.69 96H88a48 48 0 0 0 0 96h88a8 8 0 0 1 0 16H88a64 64 0 0 1 0-128h116.69l-34.35-34.34a8 8 0 0 1 11.32-11.32l48 48a8 8 0 0 1 0 11.32l-48 48a8 8 0 0 1-11.32-11.32Z\"})}),w=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 71.1a8 8 0 0 1-10.78-3.42 94.13 94.13 0 0 0-33.46-36.91 8 8 0 1 1 8.54-13.54 111.46 111.46 0 0 1 39.12 43.09A8 8 0 0 1 224 71.1ZM35.71 72a8 8 0 0 0 7.1-4.32 94.13 94.13 0 0 1 33.46-36.91 8 8 0 1 0-8.54-13.54 111.46 111.46 0 0 0-39.12 43.09A8 8 0 0 0 35.71 72Zm186.1 103.94A16 16 0 0 1 208 200h-40.8a40 40 0 0 1-78.4 0H48a16 16 0 0 1-13.79-24.06C43.22 160.39 48 138.28 48 112a80 80 0 0 1 160 0c0 26.27 4.78 48.38 13.81 63.94ZM150.62 200h-45.24a24 24 0 0 0 45.24 0ZM208 184c-10.64-18.27-16-42.49-16-72a64 64 0 0 0-128 0c0 29.52-5.38 53.74-16 72Z\"})}),d=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M221.8 175.94c-5.55-9.56-13.8-36.61-13.8-71.94a80 80 0 1 0-160 0c0 35.34-8.26 62.38-13.81 71.94A16 16 0 0 0 48 200h40.81a40 40 0 0 0 78.38 0H208a16 16 0 0 0 13.8-24.06ZM128 216a24 24 0 0 1-22.62-16h45.24A24 24 0 0 1 128 216Zm-80-32c7.7-13.24 16-43.92 16-80a64 64 0 1 1 128 0c0 36.05 8.28 66.73 16 80Z\"})}),v=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Z\"})}),m=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M184 32H72a16 16 0 0 0-16 16v176a8 8 0 0 0 12.24 6.78L128 193.43l59.77 37.35A8 8 0 0 0 200 224V48a16 16 0 0 0-16-16Zm0 177.57-51.77-32.35a8 8 0 0 0-8.48 0L72 209.57V48h112Z\"})}),g=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Z\"})}),Z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 32h-24v-8a8 8 0 0 0-16 0v8H88v-8a8 8 0 0 0-16 0v8H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16ZM72 48v8a8 8 0 0 0 16 0v-8h80v8a8 8 0 0 0 16 0v-8h24v32H48V48Zm136 160H48V96h160v112Zm-48-56a8 8 0 0 1-8 8h-16v16a8 8 0 0 1-16 0v-16h-16a8 8 0 0 1 0-16h16v-16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 8 8Z\"})}),p=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-109.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32 0l-40-40a8 8 0 0 1 11.32-11.32L128 140.69l34.34-34.35a8 8 0 0 1 11.32 0Z\"})}),C=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm21.66-122.34L115.31 128l34.35 34.34a8 8 0 0 1-11.32 11.32l-40-40a8 8 0 0 1 0-11.32l40-40a8 8 0 0 1 11.32 11.32Z\"})}),u=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm29.66-93.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32L140.69 128l-34.35-34.34a8 8 0 0 1 11.32-11.32Z\"})}),x=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm45.66-77.66a8 8 0 0 1-11.32 11.32L128 115.31l-34.34 34.35a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0Z\"})}),N=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m213.66 101.66-80 80a8 8 0 0 1-11.32 0l-80-80a8 8 0 0 1 11.32-11.32L128 164.69l74.34-74.35a8 8 0 0 1 11.32 11.32Z\"})}),M=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 202.34a8 8 0 0 1-11.32 11.32l-80-80a8 8 0 0 1 0-11.32l80-80a8 8 0 0 1 11.32 11.32L91.31 128Z\"})}),L=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m181.66 133.66-80 80a8 8 0 0 1-11.32-11.32L164.69 128 90.34 53.66a8 8 0 0 1 11.32-11.32l80 80a8 8 0 0 1 0 11.32Z\"})}),H=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M213.66 165.66a8 8 0 0 1-11.32 0L128 91.31l-74.34 74.35a8 8 0 0 1-11.32-11.32l80-80a8 8 0 0 1 11.32 0l80 80a8 8 0 0 1 0 11.32Z\"})}),f=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M173.66 98.34a8 8 0 0 1 0 11.32l-56 56a8 8 0 0 1-11.32 0l-24-24a8 8 0 0 1 11.32-11.32L112 148.69l50.34-50.35a8 8 0 0 1 11.32 0ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),B=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z\"})}),I=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Z\"})}),V=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm64-88a8 8 0 0 1-8 8h-56a8 8 0 0 1-8-8V72a8 8 0 0 1 16 0v48h48a8 8 0 0 1 8 8Z\"})}),A=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 32H88a8 8 0 0 0-8 8v40H40a8 8 0 0 0-8 8v128a8 8 0 0 0 8 8h128a8 8 0 0 0 8-8v-40h40a8 8 0 0 0 8-8V40a8 8 0 0 0-8-8Zm-56 176H48V96h112Zm48-48h-32V88a8 8 0 0 0-8-8H96V48h112Z\"})}),S=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M104 60a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm60 12a12 12 0 1 0-12-12 12 12 0 0 0 12 12Zm-72 44a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-72 68a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm72 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),k=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm12-88a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm44 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm-88 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),U=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 128a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm56-12a12 12 0 1 0 12 12 12 12 0 0 0-12-12Zm-136 0a12 12 0 1 0 12 12 12 12 0 0 0-12-12Z\"})}),P=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0Zm-101.66 5.66a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0-11.32-11.32L136 132.69V40a8 8 0 0 0-16 0v92.69l-26.34-26.35a8 8 0 0 0-11.32 11.32Z\"})}),D=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 48H32a8 8 0 0 0-8 8v136a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a8 8 0 0 0-8-8Zm-96 85.15L52.57 64h150.86ZM98.71 128 40 181.81V74.19Zm11.84 10.85 12 11.05a8 8 0 0 0 10.82 0l12-11.05 58 53.15H52.57ZM157.29 128 216 74.18v107.64Z\"})}),q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 112v96a16 16 0 0 1-16 16H56a16 16 0 0 1-16-16v-96a16 16 0 0 1 16-16h24a8 8 0 0 1 0 16H56v96h144v-96h-24a8 8 0 0 1 0-16h24a16 16 0 0 1 16 16ZM93.66 69.66 120 43.31V136a8 8 0 0 0 16 0V43.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),R=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M219.31 80 176 36.69A15.86 15.86 0 0 0 164.69 32H48a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V91.31A15.86 15.86 0 0 0 219.31 80ZM168 208H88v-56h80Zm40 0h-24v-56a16 16 0 0 0-16-16H88a16 16 0 0 0-16 16v56H48V48h116.69L208 91.31ZM160 72a8 8 0 0 1-8 8H96a8 8 0 0 1 0-16h56a8 8 0 0 1 8 8Z\"})}),y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M230.6 49.53A15.81 15.81 0 0 0 216 40H40a16 16 0 0 0-11.81 26.76l.08.09L96 139.17V216a16 16 0 0 0 24.87 13.32l32-21.34a16 16 0 0 0 7.13-13.32v-55.49l67.74-72.32.08-.09a15.8 15.8 0 0 0 2.78-17.23ZM40 56Zm108.34 72.28a15.92 15.92 0 0 0-4.34 10.89v55.49L112 216v-76.83a15.92 15.92 0 0 0-4.32-10.94L40 56h176Z\"})}),F=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 80a48 48 0 1 0 48 48 48.05 48.05 0 0 0-48-48Zm0 80a32 32 0 1 1 32-32 32 32 0 0 1-32 32Zm88-29.84q.06-2.16 0-4.32l14.92-18.64a8 8 0 0 0 1.48-7.06 107.21 107.21 0 0 0-10.88-26.25 8 8 0 0 0-6-3.93l-23.72-2.64q-1.48-1.56-3-3L186 40.54a8 8 0 0 0-3.94-6 107.71 107.71 0 0 0-26.25-10.87 8 8 0 0 0-7.06 1.49L130.16 40h-4.32L107.2 25.11a8 8 0 0 0-7.06-1.48 107.6 107.6 0 0 0-26.25 10.88 8 8 0 0 0-3.93 6l-2.64 23.76q-1.56 1.49-3 3L40.54 70a8 8 0 0 0-6 3.94 107.71 107.71 0 0 0-10.87 26.25 8 8 0 0 0 1.49 7.06L40 125.84v4.32L25.11 148.8a8 8 0 0 0-1.48 7.06 107.21 107.21 0 0 0 10.88 26.25 8 8 0 0 0 6 3.93l23.72 2.64q1.49 1.56 3 3L70 215.46a8 8 0 0 0 3.94 6 107.71 107.71 0 0 0 26.25 10.87 8 8 0 0 0 7.06-1.49L125.84 216q2.16.06 4.32 0l18.64 14.92a8 8 0 0 0 7.06 1.48 107.21 107.21 0 0 0 26.25-10.88 8 8 0 0 0 3.93-6l2.64-23.72q1.56-1.48 3-3l23.78-2.8a8 8 0 0 0 6-3.94 107.71 107.71 0 0 0 10.87-26.25 8 8 0 0 0-1.49-7.06Zm-16.1-6.5a73.93 73.93 0 0 1 0 8.68 8 8 0 0 0 1.74 5.48l14.19 17.73a91.57 91.57 0 0 1-6.23 15l-22.6 2.56a8 8 0 0 0-5.1 2.64 74.11 74.11 0 0 1-6.14 6.14 8 8 0 0 0-2.64 5.1l-2.51 22.58a91.32 91.32 0 0 1-15 6.23l-17.74-14.19a8 8 0 0 0-5-1.75h-.48a73.93 73.93 0 0 1-8.68 0 8 8 0 0 0-5.48 1.74l-17.78 14.2a91.57 91.57 0 0 1-15-6.23L82.89 187a8 8 0 0 0-2.64-5.1 74.11 74.11 0 0 1-6.14-6.14 8 8 0 0 0-5.1-2.64l-22.58-2.52a91.32 91.32 0 0 1-6.23-15l14.19-17.74a8 8 0 0 0 1.74-5.48 73.93 73.93 0 0 1 0-8.68 8 8 0 0 0-1.74-5.48L40.2 100.45a91.57 91.57 0 0 1 6.23-15L69 82.89a8 8 0 0 0 5.1-2.64 74.11 74.11 0 0 1 6.14-6.14A8 8 0 0 0 82.89 69l2.51-22.57a91.32 91.32 0 0 1 15-6.23l17.74 14.19a8 8 0 0 0 5.48 1.74 73.93 73.93 0 0 1 8.68 0 8 8 0 0 0 5.48-1.74l17.77-14.19a91.57 91.57 0 0 1 15 6.23L173.11 69a8 8 0 0 0 2.64 5.1 74.11 74.11 0 0 1 6.14 6.14 8 8 0 0 0 5.1 2.64l22.58 2.51a91.32 91.32 0 0 1 6.23 15l-14.19 17.74a8 8 0 0 0-1.74 5.53Z\"})}),G=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m218.83 103.77-80-75.48a1.14 1.14 0 0 1-.11-.11 16 16 0 0 0-21.53 0l-.11.11-79.91 75.48A16 16 0 0 0 32 115.55V208a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-48h32v48a16 16 0 0 0 16 16h48a16 16 0 0 0 16-16v-92.45a16 16 0 0 0-5.17-11.78ZM208 208h-48v-48a16 16 0 0 0-16-16h-32a16 16 0 0 0-16 16v48H48v-92.45l.11-.1L128 40l79.9 75.43.11.1Z\"})}),O=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 40H40a16 16 0 0 0-16 16v144a16 16 0 0 0 16 16h176a16 16 0 0 0 16-16V56a16 16 0 0 0-16-16Zm0 16v102.75l-26.07-26.06a16 16 0 0 0-22.63 0l-20 20-44-44a16 16 0 0 0-22.62 0L40 149.37V56ZM40 172l52-52 80 80H40Zm176 28h-21.37l-36-36 20-20L216 181.38V200Zm-72-100a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),T=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm16-40a8 8 0 0 1-8 8 16 16 0 0 1-16-16v-40a8 8 0 0 1 0-16 16 16 0 0 1 16 16v40a8 8 0 0 1 8 8Zm-32-92a12 12 0 1 1 12 12 12 12 0 0 1-12-12Z\"})}),E=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 90.34a8 8 0 0 1 0 11.32l-64 64a8 8 0 0 1-11.32-11.32l64-64a8 8 0 0 1 11.32 0ZM215.6 40.4a56 56 0 0 0-79.2 0l-30.06 30.05a8 8 0 0 0 11.32 11.32l30.06-30a40 40 0 0 1 56.57 56.56l-30.07 30.06a8 8 0 0 0 11.31 11.32l30.07-30.11a56 56 0 0 0 0-79.2Zm-77.26 133.82-30.06 30.06a40 40 0 1 1-56.56-56.57l30.05-30.05a8 8 0 0 0-11.32-11.32L40.4 136.4a56 56 0 0 0 79.2 79.2l30.06-30.07a8 8 0 0 0-11.32-11.31Z\"})}),X=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8ZM40 72h176a8 8 0 0 0 0-16H40a8 8 0 0 0 0 16Zm176 112H40a8 8 0 0 0 0 16h176a8 8 0 0 0 0-16Z\"})}),$=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80H96V56a32 32 0 0 1 32-32c15.37 0 29.2 11 32.16 25.59a8 8 0 0 0 15.68-3.18C171.32 24.15 151.2 8 128 8a48.05 48.05 0 0 0-48 48v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16Zm0 128H48V96h160v112Z\"})}),j=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M208 80h-32V56a48 48 0 0 0-96 0v24H48a16 16 0 0 0-16 16v112a16 16 0 0 0 16 16h160a16 16 0 0 0 16-16V96a16 16 0 0 0-16-16ZM96 56a32 32 0 0 1 64 0v24H96Zm112 152H48V96h160v112Z\"})}),Q=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m229.66 218.34-50.07-50.06a88.11 88.11 0 1 0-11.31 11.31l50.06 50.07a8 8 0 0 0 11.32-11.32ZM40 112a72 72 0 1 1 72 72 72.08 72.08 0 0 1-72-72Z\"})}),W=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 64a40 40 0 1 0 40 40 40 40 0 0 0-40-40Zm0 64a24 24 0 1 1 24-24 24 24 0 0 1-24 24Zm0-112a88.1 88.1 0 0 0-88 88c0 31.4 14.51 64.68 42 96.25a254.19 254.19 0 0 0 41.45 38.3 8 8 0 0 0 9.18 0 254.19 254.19 0 0 0 41.37-38.3c27.45-31.57 42-64.85 42-96.25a88.1 88.1 0 0 0-88-88Zm0 206c-16.53-13-72-60.75-72-118a72 72 0 0 1 144 0c0 57.23-55.47 105-72 118Z\"})}),b=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M240 120a48.05 48.05 0 0 0-48-48h-39.8c-2.91-.17-53.62-3.74-101.91-44.24A16 16 0 0 0 24 40v160a16 16 0 0 0 26.29 12.25c37.77-31.68 77-40.76 93.71-43.3v31.72a16 16 0 0 0 7.12 13.33l11 7.33A16 16 0 0 0 186.5 212l11.77-44.36A48.07 48.07 0 0 0 240 120ZM40 199.93V40c42.81 35.91 86.63 45 104 47.24v65.48c-17.35 2.28-61.16 11.35-104 47.21Zm131 8v.11l-11-7.33V168h21.6ZM192 152h-32V88h32a32 32 0 1 1 0 64Z\"})}),z=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M176 128a8 8 0 0 1-8 8H88a8 8 0 0 1 0-16h80a8 8 0 0 1 8 8Zm56 0A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),J=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8H40a8 8 0 0 1 0-16h176a8 8 0 0 1 8 8Z\"})}),K=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M209.66 122.34a8 8 0 0 1 0 11.32l-82.05 82a56 56 0 0 1-79.2-79.21l99.26-100.72a40 40 0 1 1 56.61 56.55L105 193a24 24 0 1 1-34-34l83.3-84.62a8 8 0 1 1 11.4 11.22l-83.31 84.71a8 8 0 1 0 11.27 11.36L192.93 81A24 24 0 1 0 159 47L59.76 147.68a40 40 0 1 0 56.53 56.62l82.06-82a8 8 0 0 1 11.31.04Z\"})}),Y=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M48 56v144a8 8 0 0 1-16 0V56a8 8 0 0 1 16 0Zm84 54.5-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.5a8 8 0 0 0-5 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49A8 8 0 0 0 132 110.5Zm106 5.14a8 8 0 0 0-10-5.14l-20 6.5V96a8 8 0 0 0-16 0v21l-20-6.49a8 8 0 0 0-4.95 15.22l20 6.49-12.34 17a8 8 0 1 0 12.94 9.4l12.34-17 12.34 17a8 8 0 1 0 12.94-9.4l-12.34-17 20-6.49a8 8 0 0 0 5.07-10.09Z\"})}),_=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m227.31 73.37-44.68-44.69a16 16 0 0 0-22.63 0L36.69 152A15.86 15.86 0 0 0 32 163.31V208a16 16 0 0 0 16 16h44.69a15.86 15.86 0 0 0 11.31-4.69L227.31 96a16 16 0 0 0 0-22.63ZM51.31 160 136 75.31 152.69 92 68 176.68ZM48 179.31 76.69 208H48Zm48 25.38L79.31 188 164 103.31 180.69 120Zm96-96L147.31 64l24-24L216 84.68Z\"})}),aa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m222.37 158.46-47.11-21.11-.13-.06a16 16 0 0 0-15.17 1.4 8.12 8.12 0 0 0-.75.56L134.87 160c-15.42-7.49-31.34-23.29-38.83-38.51l20.78-24.71c.2-.25.39-.5.57-.77a16 16 0 0 0 1.32-15.06v-.12L97.54 33.64a16 16 0 0 0-16.62-9.52A56.26 56.26 0 0 0 32 80c0 79.4 64.6 144 144 144a56.26 56.26 0 0 0 55.88-48.92 16 16 0 0 0-9.51-16.62ZM176 208A128.14 128.14 0 0 1 48 80a40.2 40.2 0 0 1 34.87-40 .61.61 0 0 0 0 .12l21 47-20.67 24.74a6.13 6.13 0 0 0-.57.77 16 16 0 0 0-1 15.7c9.06 18.53 27.73 37.06 46.46 46.11a16 16 0 0 0 15.75-1.14 8.44 8.44 0 0 0 .74-.56L168.89 152l47 21.05h.11A40.21 40.21 0 0 1 176 208Z\"})}),sa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24Zm0 192a88 88 0 1 1 88-88 88.1 88.1 0 0 1-88 88Zm48-88a8 8 0 0 1-8 8h-32v32a8 8 0 0 1-16 0v-32H88a8 8 0 0 1 0-16h32V88a8 8 0 0 1 16 0v32h32a8 8 0 0 1 8 8Z\"})}),la=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 128a8 8 0 0 1-8 8h-80v80a8 8 0 0 1-16 0v-80H40a8 8 0 0 1 0-16h80V40a8 8 0 0 1 16 0v80h80a8 8 0 0 1 8 8Z\"})}),ea=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M140 180a12 12 0 1 1-12-12 12 12 0 0 1 12 12ZM128 72c-22.06 0-40 16.15-40 36v4a8 8 0 0 0 16 0v-4c0-11 10.77-20 24-20s24 9 24 20-10.77 20-24 20a8 8 0 0 0-8 8v8a8 8 0 0 0 16 0v-.72c18.24-3.35 32-17.9 32-35.28 0-19.85-17.94-36-40-36Zm104 56A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),ra=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M222.14 58.87A8 8 0 0 0 216 56H54.68l-4.89-26.86A16 16 0 0 0 34.05 16H16a8 8 0 0 0 0 16h18l25.56 140.29a24 24 0 0 0 5.33 11.27 28 28 0 1 0 44.4 8.44h45.42a27.75 27.75 0 0 0-2.71 12 28 28 0 1 0 28-28H83.17a8 8 0 0 1-7.87-6.57L72.13 152h116a24 24 0 0 0 23.61-19.71l12.16-66.86a8 8 0 0 0-1.76-6.56ZM96 204a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm96 0a12 12 0 1 1-12-12 12 12 0 0 1 12 12Zm4-74.57a8 8 0 0 1-7.9 6.57H69.22L57.59 72h148.82Z\"})}),ia=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"m141.66 133.66-40 40a8 8 0 0 1-11.32-11.32L116.69 136H24a8 8 0 0 1 0-16h92.69L90.34 93.66a8 8 0 0 1 11.32-11.32l40 40a8 8 0 0 1 0 11.32ZM192 32h-56a8 8 0 0 0 0 16h56v160h-56a8 8 0 0 0 0 16h56a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Z\"})}),ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M112 216a8 8 0 0 1-8 8H48a16 16 0 0 1-16-16V48a16 16 0 0 1 16-16h56a8 8 0 0 1 0 16H48v160h56a8 8 0 0 1 8 8Zm109.66-93.66-40-40a8 8 0 0 0-11.32 11.32L196.69 120H104a8 8 0 0 0 0 16h92.69l-26.35 26.34a8 8 0 0 0 11.32 11.32l40-40a8 8 0 0 0 0-11.32Z\"})}),oa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M64 105V40a8 8 0 0 0-16 0v65a32 32 0 0 0 0 62v49a8 8 0 0 0 16 0v-49a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm80-95V40a8 8 0 0 0-16 0v17a32 32 0 0 0 0 62v97a8 8 0 0 0 16 0v-97a32 32 0 0 0 0-62Zm-8 47a16 16 0 1 1 16-16 16 16 0 0 1-16 16Zm104 64a32.06 32.06 0 0 0-24-31V40a8 8 0 0 0-16 0v97a32 32 0 0 0 0 62v17a8 8 0 0 0 16 0v-17a32.06 32.06 0 0 0 24-31Zm-32 16a16 16 0 1 1 16-16 16 16 0 0 1-16 16Z\"})}),na=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 128a8 8 0 0 1-8 8H48a8 8 0 0 1 0-16h72a8 8 0 0 1 8 8ZM48 72h136a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm56 112H48a8 8 0 0 0 0 16h56a8 8 0 0 0 0-16Zm125.66-21.66a8 8 0 0 0-11.32 0L192 188.69V112a8 8 0 0 0-16 0v76.69l-26.34-26.35a8 8 0 0 0-11.32 11.32l40 40a8 8 0 0 0 11.32 0l40-40a8 8 0 0 0 0-11.32Z\"})}),ha=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M40 128a8 8 0 0 1 8-8h72a8 8 0 0 1 0 16H48a8 8 0 0 1-8-8Zm8-56h56a8 8 0 0 0 0-16H48a8 8 0 0 0 0 16Zm136 112H48a8 8 0 0 0 0 16h136a8 8 0 0 0 0-16Zm45.66-101.66-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32L176 67.31V144a8 8 0 0 0 16 0V67.31l26.34 26.35a8 8 0 0 0 11.32-11.32Z\"})}),ta=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M136 32v32a8 8 0 0 1-16 0V32a8 8 0 0 1 16 0Zm88 88h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16Zm-45.09 47.6a8 8 0 0 0-11.31 11.31l22.62 22.63a8 8 0 0 0 11.32-11.32ZM128 184a8 8 0 0 0-8 8v32a8 8 0 0 0 16 0v-32a8 8 0 0 0-8-8Zm-50.91-16.4-22.63 22.62a8 8 0 0 0 11.32 11.32l22.62-22.63a8 8 0 0 0-11.31-11.31ZM72 128a8 8 0 0 0-8-8H32a8 8 0 0 0 0 16h32a8 8 0 0 0 8-8Zm-6.22-73.54a8 8 0 0 0-11.32 11.32L77.09 88.4A8 8 0 0 0 88.4 77.09Z\"})}),wa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M216 48h-40v-8a24 24 0 0 0-24-24h-48a24 24 0 0 0-24 24v8H40a8 8 0 0 0 0 16h8v144a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16V64h8a8 8 0 0 0 0-16ZM96 40a8 8 0 0 1 8-8h48a8 8 0 0 1 8 8v8H96Zm96 168H64V64h128Zm-80-104v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Zm48 0v64a8 8 0 0 1-16 0v-64a8 8 0 0 1 16 0Z\"})}),da=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M224 152v56a16 16 0 0 1-16 16H48a16 16 0 0 1-16-16v-56a8 8 0 0 1 16 0v56h160v-56a8 8 0 0 1 16 0ZM93.66 85.66 120 59.31V152a8 8 0 0 0 16 0V59.31l26.34 26.35a8 8 0 0 0 11.32-11.32l-40-40a8 8 0 0 0-11.32 0l-40 40a8 8 0 0 0 11.32 11.32Z\"})}),va=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ma=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M168 56a8 8 0 0 1 8-8h16V32a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V64h-16a8 8 0 0 1-8-8Zm62.56 54.68a103.92 103.92 0 1 1-85.24-85.24 8 8 0 0 1-2.64 15.78A88.07 88.07 0 0 0 40 128a87.62 87.62 0 0 0 22.24 58.41 79.66 79.66 0 0 1 36.06-28.75 48 48 0 1 1 59.4 0 79.66 79.66 0 0 1 36.06 28.75A87.62 87.62 0 0 0 216 128a88.85 88.85 0 0 0-1.22-14.68 8 8 0 1 1 15.78-2.64ZM128 152a32 32 0 1 0-32-32 32 32 0 0 0 32 32Zm0 64a87.57 87.57 0 0 0 53.92-18.5 64 64 0 0 0-107.84 0A87.57 87.57 0 0 0 128 216Z\"})}),ga=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M128 24a104 104 0 1 0 104 104A104.11 104.11 0 0 0 128 24ZM74.08 197.5a64 64 0 0 1 107.84 0 87.83 87.83 0 0 1-107.84 0ZM96 120a32 32 0 1 1 32 32 32 32 0 0 1-32-32Zm97.76 66.41a79.66 79.66 0 0 0-36.06-28.75 48 48 0 1 0-59.4 0 79.66 79.66 0 0 0-36.06 28.75 88 88 0 1 1 131.52 0Z\"})}),Za=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M236.8 188.09 149.35 36.22a24.76 24.76 0 0 0-42.7 0L19.2 188.09a23.51 23.51 0 0 0 0 23.72A24.35 24.35 0 0 0 40.55 224h174.9a24.35 24.35 0 0 0 21.33-12.19 23.51 23.51 0 0 0 .02-23.72Zm-13.87 15.71a8.5 8.5 0 0 1-7.48 4.2H40.55a8.5 8.5 0 0 1-7.48-4.2 7.59 7.59 0 0 1 0-7.72l87.45-151.87a8.75 8.75 0 0 1 15 0l87.45 151.87a7.59 7.59 0 0 1-.04 7.72ZM120 144v-40a8 8 0 0 1 16 0v40a8 8 0 0 1-16 0Zm20 36a12 12 0 1 1-12-12 12 12 0 0 1 12 12Z\"})}),pa=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M165.66 101.66 139.31 128l26.35 26.34a8 8 0 0 1-11.32 11.32L128 139.31l-26.34 26.35a8 8 0 0 1-11.32-11.32L116.69 128l-26.35-26.34a8 8 0 0 1 11.32-11.32L128 116.69l26.34-26.35a8 8 0 0 1 11.32 11.32ZM232 128A104 104 0 1 1 128 24a104.11 104.11 0 0 1 104 104Zm-16 0a88 88 0 1 0-88 88 88.1 88.1 0 0 0 88-88Z\"})}),Ca=({className:l,...e})=>a(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",fill:\"currentColor\",viewBox:\"0 0 256 256\",className:s(\"sds-icon\",l),\"aria-hidden\":\"true\",...e,children:a(\"path\",{d:\"M205.66 194.34a8 8 0 0 1-11.32 11.32L128 139.31l-66.34 66.35a8 8 0 0 1-11.32-11.32L116.69 128 50.34 61.66a8 8 0 0 1 11.32-11.32L128 116.69l66.34-66.35a8 8 0 0 1 11.32 11.32L139.31 128Z\"})}),ua=({className:l,...e})=>a(ta,{className:s(\"sds-icon sds-icon--spinner\",l),...e}),xa=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M19.0687 13.8561L29.12 2H26.7382L18.0106 12.2945L11.0399 2H3L13.5411 17.5671L3 30H5.38198L14.5985 19.1287L21.9601 30H30L19.0681 13.8561H19.0687ZM15.8062 17.7042L14.7382 16.1541L6.24025 3.81955H9.89884L16.7568 13.7739L17.8248 15.324L26.7393 28.2632H23.0807L15.8062 17.7048V17.7042Z\"})}),Na=({color:l=\"white\",className:e,...r})=>a(\"svg\",{viewBox:\"0 0 32 32\",xmlns:\"http://www.w3.org/2000/svg\",className:s(\"sds-icon\",`sds-icon--color-${l}`,e),\"aria-hidden\":\"true\",...r,children:a(\"path\",{d:\"M4.11716 2.00013H27.9999C28.1606 2.00432 28.32 2.02812 28.4749 2.07108C28.8261 2.16355 29.1456 2.35003 29.3992 2.61046C29.6527 2.8709 29.8308 3.19548 29.9142 3.54952C29.9729 3.78559 30.0008 4.02828 29.9972 4.27154C30.0009 12.0774 30.0009 19.8836 29.9972 27.6901C29.9938 27.8634 29.9804 28.0364 29.9574 28.2081C29.8913 28.7041 29.6476 29.159 29.2716 29.4883C28.8956 29.8176 28.413 29.9989 27.9136 29.9982C19.9715 29.9982 12.029 29.9982 4.08621 29.9982C3.64924 29.9981 3.22353 29.8593 2.8701 29.6019C2.51668 29.3445 2.25356 28.9816 2.11866 28.5652C2.03622 28.2901 1.99634 28.004 2.00026 27.7168C2.00026 19.9369 2.00026 12.1569 2.00026 4.37694C1.9985 4.16869 2.01335 3.96059 2.04459 3.7547C2.08899 3.40751 2.22443 3.07832 2.43721 2.80068C2.64999 2.52305 2.93249 2.3069 3.25583 2.17424C3.52752 2.0561 3.821 1.99679 4.11716 2.00013ZM17.0234 25.7947V25.4753C17.0234 24.7356 17.0157 23.9958 17.0234 23.2571C17.0444 21.6567 16.968 20.0551 17.0654 18.4558C17.0867 17.9859 17.1878 17.523 17.3644 17.0872C17.4597 16.838 17.6057 16.6115 17.7931 16.4219C17.9805 16.2323 18.2051 16.0838 18.4528 15.9859C19.0205 15.7532 19.6488 15.7142 20.2408 15.875C20.667 15.9833 21.033 16.2565 21.2584 16.6347C21.4626 16.9936 21.5925 17.39 21.6403 17.8003C21.694 18.1616 21.7195 18.5265 21.7167 18.8917C21.7115 21.081 21.7115 23.2708 21.7167 25.4609C21.7167 25.5718 21.7299 25.6827 21.7366 25.7803C22.0964 25.8291 25.5553 25.8147 25.7645 25.7626C25.7701 25.6938 25.7811 25.6184 25.7822 25.5407C25.8055 23.958 25.759 22.3754 25.8166 20.7916C25.853 19.9045 25.8449 19.016 25.7922 18.1297C25.7546 17.5408 25.7624 16.9497 25.6815 16.363C25.5939 15.6291 25.3796 14.916 25.0482 14.2557C24.8264 13.8246 24.5192 13.4435 24.1453 13.1355C23.7714 12.8275 23.3388 12.5992 22.8738 12.4645C21.9829 12.1892 21.0431 12.1105 20.1191 12.2338C19.2323 12.3429 18.4041 12.7354 17.7574 13.3529C17.5025 13.5902 17.277 13.8571 17.0854 14.1481C17.0423 14.2146 17.0145 14.3122 16.8739 14.2923C16.8485 13.7211 16.8829 13.1499 16.853 12.5521L16.0502 12.5454H14.5113C14.2589 12.5454 14.0074 12.5454 13.755 12.5454C13.4875 12.5299 13.2191 12.5399 12.9534 12.5754V23.8128C12.9534 24.3784 12.9534 24.9441 12.9534 25.5097C12.9534 25.6018 12.9668 25.6927 12.9734 25.7914L17.0234 25.7947ZM10.252 25.7892C10.3096 25.5485 10.3074 12.805 10.252 12.5909C10.0306 12.5321 6.47549 12.5333 6.25959 12.5909C6.20424 12.8128 6.20313 25.5563 6.25959 25.7759C6.45113 25.8247 9.89992 25.8357 10.252 25.7892ZM10.6085 8.2732C10.6112 7.64777 10.3665 7.04672 9.92817 6.60136C9.48981 6.15601 8.89336 5.90255 8.26904 5.8964C7.95624 5.8945 7.64621 5.95451 7.35663 6.07301C7.06705 6.19151 6.80367 6.36613 6.58166 6.58688C6.35965 6.80763 6.18325 7.07014 6.06281 7.35933C5.94237 7.64853 5.88025 7.9587 5.87981 8.27205C5.87135 8.58776 5.92729 8.90191 6.04443 9.19513C6.16157 9.48835 6.33743 9.7545 6.56098 9.9772C6.78454 10.1999 7.05111 10.3744 7.34446 10.4901C7.63782 10.6058 7.95177 10.6603 8.26688 10.65C8.57882 10.6562 8.88865 10.5987 9.17767 10.481C9.46669 10.3633 9.72879 10.1878 9.9479 9.96528C10.167 9.74278 10.3386 9.47791 10.4522 9.1868C10.5657 8.8957 10.619 8.58442 10.6085 8.27205V8.2732Z\"})});export{l as ArchiveIcon,e as ArrowCircleLeftIcon,r as ArrowCircleRightIcon,i as ArrowClockwiseIcon,c as ArrowLeftIcon,o as ArrowRightIcon,n as ArrowSquareOutIcon,h as ArrowUUpLeftIcon,t as ArrowUUpRightIcon,d as BellIcon,w as BellRingingIcon,v as BookmarkSimpleFillIcon,m as BookmarkSimpleIcon,g as CalendarBlankIcon,Z as CalendarPlusIcon,p as CaretCircleDownIcon,C as CaretCircleLeftIcon,u as CaretCircleRightIcon,x as CaretCircleUpIcon,N as CaretDownIcon,M as CaretLeftIcon,L as CaretRightIcon,H as CaretUpIcon,f as CheckCircleIcon,B as CheckIcon,I as CircleIcon,V as ClockIcon,A as CopyIcon,S as DotsSixVerticalIcon,k as DotsThreeCircleIcon,U as DotsThreeIcon,P as DownloadSimpleIcon,D as EnvelopeIcon,q as ExportIcon,R as FloppyDiskIcon,y as FunnelIcon,F as GearIcon,G as HouseIcon,O as ImageIcon,T as InfoIcon,E as LinkSimpleIcon,Na as LinkedInLogo,X as ListIcon,j as LockSimpleIcon,$ as LockSimpleOpenIcon,Q as MagnifyingGlassIcon,W as MapPinIcon,b as MegaphoneIcon,z as MinusCircleIcon,J as MinusIcon,K as PaperclipIcon,Y as PasswordIcon,_ as PencilIcon,aa as PhoneIcon,sa as PlusCircleIcon,la as PlusIcon,ea as QuestionIcon,ra as ShoppingCartIcon,ia as SignInIcon,ca as SignOutIcon,oa as SlidersIcon,na as SortAscendingIcon,ha as SortDescendingIcon,ta as SpinnerGapIcon,ua as SpinnerIcon,wa as TrashIcon,da as UploadSimpleIcon,ga as UserCircleIcon,va as UserCircleMinusIcon,ma as UserCirclePlusIcon,Za as WarningIcon,pa as XCircleIcon,Ca as XIcon,xa as XLogo};\n//# sourceMappingURL=index.js.map\n","import React, { ReactNode, ChangeEventHandler, useId, forwardRef } from \"react\";\nimport clsx from \"clsx\";\nimport { CheckIcon, XIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-switch.pcss\";\n\nexport type ToggleSwitchProps = {\n checked?: boolean;\n label: ReactNode;\n labelFirst?: boolean;\n showIcons?: boolean;\n error?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleSwitch = forwardRef<HTMLInputElement, ToggleSwitchProps>(\n (\n {\n checked = false,\n label,\n labelFirst = false,\n showIcons = true,\n error = false,\n onChange,\n ...rest\n },\n ref\n ) => {\n const id = useId();\n const labelElement = (\n <div className=\"sds-toggle-switch__label-text\">{label}</div>\n );\n\n return (\n <div\n className={clsx(\n \"sds-toggle-switch\",\n checked && \"sds-toggle-switch--checked\",\n error && \"sds-toggle-switch--error\"\n )}\n data-testid=\"sds-toggle-switch\"\n >\n <label className=\"sds-toggle-switch__label\" htmlFor={id}>\n {labelFirst && labelElement}\n <div className=\"sds-toggle-switch__inner\">\n <input\n ref={ref}\n id={id}\n type=\"checkbox\"\n role=\"switch\"\n className=\"sds-toggle-switch__track\"\n checked={checked}\n aria-invalid={error}\n onChange={onChange}\n readOnly={!onChange}\n {...rest}\n />\n <div className=\"sds-toggle-switch__thumb\">\n {showIcons && checked && <CheckIcon />}\n {showIcons && !checked && <XIcon />}\n </div>\n </div>\n {!labelFirst && labelElement}\n </label>\n </div>\n );\n }\n);\nToggleSwitch.displayName = \"ToggleSwitch\";\n","import React, { ChangeEventHandler, forwardRef, ReactNode, useId } from \"react\";\nimport clsx from \"clsx\";\nimport { PlusCircleIcon } from \"@sikt/sds-icons\";\nimport \"./toggle-button.pcss\";\n\nexport type ToggleButtonProps = {\n checked?: boolean;\n label: ReactNode;\n showIcons?: boolean;\n onChange?: ChangeEventHandler<HTMLInputElement>;\n};\n\nexport const ToggleButton = forwardRef<HTMLInputElement, ToggleButtonProps>(\n ({ checked, label, showIcons = true, onChange, ...rest }, ref) => {\n const toggleButtonId = useId();\n return (\n <div className=\"sds-toggle-button\" {...rest}>\n <input\n ref={ref}\n type=\"checkbox\"\n className=\"sds-toggle-button__input\"\n onChange={onChange}\n readOnly={!onChange}\n checked={checked}\n aria-checked={checked}\n id={toggleButtonId}\n />\n <label\n className={clsx(\n \"sds-toggle-button__label\",\n checked && \"sds-toggle-button__label--checked\"\n )}\n htmlFor={toggleButtonId}\n >\n <div className=\"sds-toggle-button__label-text\">{label}</div>\n {showIcons && (\n <PlusCircleIcon\n className={clsx(\n \"sds-toggle-button__icon\",\n checked && \"sds-toggle-button__icon--checked\"\n )}\n />\n )}\n </label>\n </div>\n );\n }\n);\nToggleButton.displayName = \"ToggleButton\";\n","import{jsx as e,jsxs as r}from\"react/jsx-runtime\";import{createContext as l,useContext as s,forwardRef as d,useId as o,useMemo as a}from\"react\";import i from\"clsx\";const t=l(void 0);function m(){return s(t)}const c=d((({className:l,legend:s,name:d,errorText:m,helpText:c,children:n,...f},h)=>{const x=o(),p=a((()=>({name:d??x,error:Boolean(m)})),[d,m]);return e(t.Provider,{value:p,children:r(\"fieldset\",{ref:h,className:i(\"sds-form-fieldset\",m&&\"sds-form-fieldset--error\",l),\"aria-describedby\":`${x}-help-text`,\"aria-invalid\":Boolean(m),\"aria-errormessage\":m?`${x}-help-text`:void 0,...f,children:[e(\"legend\",{className:\"sds-form-fieldset__legend\",children:s}),n,(m??c)&&e(\"div\",{className:\"sds-form-fieldset__help-text\",id:`${x}-help-text`,children:m??c})]})})}));c.displayName=\"Fieldset\";const n=({className:l,text:s,error:d,children:o,...a})=>r(\"label\",{className:i(\"sds-form-field__label\",d&&\"sds-form-field__label--error\",l),...a,children:[e(\"div\",{className:\"sds-form-field__label-text\",children:s}),o]}),f=({className:r,error:l,...s})=>e(\"div\",{className:i(\"sds-form-field__help-text\",l&&\"sds-form-field__help-text--error\",r),...s}),h=({className:l,label:s,errorText:d,helpText:o,htmlFor:a,helpTextId:t,children:m,...c})=>r(\"div\",{className:i(\"sds-form-field\",d&&\"sds-form-field--error\",l),children:[e(n,{text:s,error:Boolean(d),htmlFor:a,...c,children:m}),(d??o)&&e(f,{id:t,error:Boolean(d),children:d??o})]});export{c as Fieldset,h as FormField,f as HelpText,n as Label,m as useFieldset};\n//# sourceMappingURL=index.js.map\n","import React, { ReactNode, forwardRef } from \"react\";\nimport { Fieldset, FieldsetProps } from \"@sikt/sds-form\";\nimport clsx from \"clsx\";\nimport \"./toggle-segment.pcss\";\n\nexport interface ToggleSegmentProps extends Omit<FieldsetProps, \"onChange\"> {\n children: ReactNode;\n variant?: \"default\" | \"fixed\";\n}\n\nexport const ToggleSegment = forwardRef<\n HTMLFieldSetElement,\n ToggleSegmentProps\n>(({ children, variant = \"default\", ...rest }, ref) => {\n return (\n <div\n className={clsx(\n \"sds-toggle-segment\",\n variant !== \"default\" && `sds-toggle-segment--${variant}`\n )}\n >\n <Fieldset className=\"sds-toggle-segment__fieldset\" {...rest} ref={ref}>\n <div className=\"sds-toggle-segment__group\">{children}</div>\n </Fieldset>\n </div>\n );\n});\nToggleSegment.displayName = \"ToggleSegment\";\n","import React, {\n ChangeEvent,\n InputHTMLAttributes,\n ReactNode,\n forwardRef,\n useId,\n} from \"react\";\nimport \"./toggle-segment.pcss\";\nimport clsx from \"clsx\";\nimport { useFieldset } from \"@sikt/sds-form\";\n\nexport interface ToggleSegmentOptionProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, \"onChange\"> {\n value: string | number;\n label: string;\n children?: ReactNode;\n checked?: boolean;\n onChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport const ToggleSegmentOption = forwardRef<\n HTMLInputElement,\n ToggleSegmentOptionProps\n>(({ value, label, checked, onChange, children, ...rest }, ref) => {\n const { name } = useFieldset() ?? {};\n const generatedId = useId();\n const htmlForId = rest.id ?? generatedId;\n\n return (\n <div className=\"sds-toggle-segment__option\">\n <input\n id={htmlForId}\n name={name}\n ref={ref}\n type=\"radio\"\n onChange={onChange}\n className=\"sds-toggle-segment__input\"\n value={value}\n checked={checked}\n {...rest}\n />\n <label\n className={clsx(\n \"sds-toggle-segment__label\",\n checked && \"sds-toggle-segment__label--checked\"\n )}\n htmlFor={htmlForId}\n >\n {label}\n {children}\n </label>\n </div>\n );\n});\nToggleSegmentOption.displayName = \"ToggleSegmentOption\";\n\nexport default ToggleSegmentOption;\n"],"names":["B","className","l","e","a","xmlns","fill","viewBox","s","children","jsx","d","sa","Ca","ToggleSwitch","forwardRef","checked","label","labelFirst","showIcons","error","onChange","rest","ref","id","useId","labelElement","_jsx","clsx","_jsxs","htmlFor","type","role","readOnly","jsxs","CheckIcon","XIcon","displayName","ToggleButton","toggleButtonId","PlusCircleIcon","t","c","legend","name","errorText","m","helpText","n","f","h","x","o","p","Boolean","Provider","value","r","i","ToggleSegment","variant","Fieldset","ToggleSegmentOption","generatedId","htmlForId"],"mappings":"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"}