mertani-web-toolkit 0.1.31 → 0.1.33

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 (29) hide show
  1. package/dist/components/Button/Button.svelte +165 -69
  2. package/dist/components/Button/Button.svelte.d.ts +16 -9
  3. package/dist/components/Button/button.css +69 -92
  4. package/dist/components/Illustration/co-Disconnect1.svelte +10 -10
  5. package/dist/components/Illustration/co-Disconnect2.svelte +6 -6
  6. package/dist/components/Illustration/co-EmptyState1.svelte +11 -11
  7. package/dist/components/Illustration/co-EmptyState2.svelte +6 -6
  8. package/dist/components/Illustration/co-EmptyState3.svelte +4 -4
  9. package/dist/components/Illustration/co-ErrorNetwork1.svelte +5 -5
  10. package/dist/components/Illustration/co-ErrorNetwork2.svelte +4 -4
  11. package/dist/components/Illustration/co-LogOut1.svelte +3 -3
  12. package/dist/components/Illustration/co-LogOut2.svelte +4 -4
  13. package/dist/components/Illustration/co-LogOut3.svelte +2 -2
  14. package/dist/components/Illustration/co-RTO1.svelte +10 -10
  15. package/dist/components/Illustration/co-RTO2.svelte +5 -5
  16. package/dist/components/Illustration/co-ServerError1.svelte +21 -21
  17. package/dist/components/Illustration/co-ServerError2.svelte +12 -12
  18. package/dist/components/Illustration/co-ServerError3.svelte +10 -10
  19. package/dist/components/Table/TableBadge.svelte +1 -1
  20. package/dist/components/Table/TablePagination.svelte +4 -4
  21. package/dist/components/Tabs/Tabs.svelte +2 -2
  22. package/dist/components/inputs/Radio/Radio.svelte +2 -2
  23. package/dist/components/inputs/Segmented/Segmented.svelte +1 -1
  24. package/dist/components/inputs/SelectInput/SelectInput.svelte +2 -2
  25. package/dist/components/inputs/TextInput/TextInput.css +204 -0
  26. package/dist/components/inputs/TextInput/TextInput.svelte +355 -212
  27. package/dist/components/inputs/TextInput/TextInput.svelte.d.ts +36 -16
  28. package/dist/components/inputs/TextareaInput/TextareaInput.svelte +1 -1
  29. package/package.json +1 -1
package/dist/components/Button/Button.svelte CHANGED
@@ -4,98 +4,194 @@
4
4
  import type { TIconName } from '../../icons/index.js';
5
5
 
6
6
  interface Props {
7
- size?: 'small' | 'medium' | 'large';
8
- variant?: 'primary' | 'secondary' | 'outline';
9
- label?: string;
10
- disabled?: boolean;
11
- isLoading?: boolean;
7
+ // ===Styles===
8
+ type?: 'solid' | 'outline';
9
+ size?: 48 | 40 | 32;
12
10
  backgroundColor?: string;
13
- borderColor?: string;
14
11
  textColor?: string;
15
- iconLeft?: TIconName;
16
- iconRight?: TIconName;
12
+ borderColor?: string;
13
+ loaderColor?: string;
14
+ icon?: TIconName;
15
+ iconColor?: string;
16
+ iconPosition?: 'left' | 'right';
17
+ borderRadius?: number;
18
+ boxShadow?: string;
19
+
20
+ // ===Properties===
21
+ // Data
22
+ label?: string;
23
+
24
+ // Events
25
+ onclick?: () => void;
26
+ onmouseenter?: () => void;
27
+
28
+ // Additional Actions
29
+ isLoading?: boolean;
30
+ isShow?: boolean;
31
+ isDisabled?: boolean;
32
+ tooltip?: string;
33
+
34
+ // Any
17
35
  class?: string;
18
36
  style?: string;
19
- onclick?: () => void;
20
37
  }
21
38
 
22
39
  const {
23
- size = 'medium',
24
- variant = 'primary',
40
+ // ===Styles===
41
+ type = 'solid',
42
+ size = 40,
43
+ backgroundColor = 'var(--color-bg-act-primary)',
44
+ textColor = '',
45
+ borderColor = 'var(--color-bg-act-primary)',
46
+ loaderColor = '',
47
+ icon,
48
+ iconColor = '',
49
+ iconPosition = 'right',
50
+ borderRadius,
51
+ boxShadow = '',
52
+
53
+ // ===Properties===
54
+ // Data
25
55
  label = 'Button',
26
- disabled = false,
56
+
57
+ // Additional Actions
27
58
  isLoading = false,
28
- backgroundColor = '',
29
- borderColor = '',
30
- textColor = '',
31
- iconLeft,
32
- iconRight,
59
+ isShow = true,
60
+ isDisabled = false,
61
+ tooltip = '',
62
+
33
63
  class: className = '',
34
64
  style: customStyle = '',
65
+ onclick,
66
+ onmouseenter,
35
67
  ...props
36
68
  }: Props = $props();
37
69
 
38
- let mode = $derived(
39
- variant === 'primary'
40
- ? 'storybook-button--primary'
41
- : variant === 'secondary'
42
- ? 'storybook-button--secondary'
43
- : 'storybook-button--outline'
44
- );
45
-
46
- // Ukuran icon berdasarkan size button
47
- const iconSize = $derived(() => {
70
+ // Size mapping untuk height dan padding
71
+ const sizeConfig = $derived(() => {
48
72
  switch (size) {
49
- case 'small':
50
- return 16;
51
- case 'large':
52
- return 18;
73
+ case 48:
74
+ return { height: '48px', padding: '10px 24px', fontSize: '18px', borderRadius: '8px' };
75
+ case 40:
76
+ return { height: '40px', padding: '8px 16px', fontSize: '16px', borderRadius: '8px' };
77
+ case 32:
78
+ return { height: '32px', padding: '6px 12px', fontSize: '14px', borderRadius: '6px' };
53
79
  default:
54
- return 18;
80
+ return { height: '40px', padding: '8px 16px', fontSize: '16px', borderRadius: '8px' };
55
81
  }
56
82
  });
57
83
 
58
- // Gabungkan classes
59
- const buttonClasses = $derived(() => {
60
- const classes = ['storybook-button', `storybook-button--${size}`, mode];
61
- if (isLoading) classes.push('storybook-button--loading');
62
- if (className) classes.push(className);
63
- return classes.filter(Boolean).join(' ');
64
- });
65
-
66
- // Gabungkan styles
84
+ // Computed styles
67
85
  const buttonStyles = $derived(() => {
68
86
  const styles: string[] = [];
69
- if (backgroundColor) styles.push(`--background-color: ${backgroundColor};`);
70
- if (borderColor) styles.push(`--border-color: ${borderColor};`);
71
- if (textColor) styles.push(`--text-color: ${textColor};`);
72
- if (customStyle) styles.push(customStyle);
87
+
88
+ // Size styles
89
+ styles.push(`height: ${sizeConfig().height};`);
90
+ styles.push(`padding: ${sizeConfig().padding};`);
91
+ styles.push(`font-size: ${sizeConfig().fontSize};`);
92
+ styles.push(`border-radius: ${sizeConfig().borderRadius};`);
93
+
94
+ if (borderRadius) {
95
+ styles.push(`border-radius: ${borderRadius}px;`);
96
+ }
97
+
98
+ if (type === 'solid') {
99
+ if (backgroundColor) {
100
+ styles.push(`--btn-background-color: ${backgroundColor};`);
101
+ styles.push(`--hover-btn-background-color: ${backgroundColor};`);
102
+ styles.push(`--active-btn-background-color: ${backgroundColor};`);
103
+ }
104
+ if (textColor) {
105
+ styles.push(`--btn-color: ${textColor};`);
106
+ }
107
+ if (borderColor) {
108
+ styles.push(`--btn-border-color: ${borderColor};`);
109
+ }
110
+ } else if (type === 'outline') {
111
+ if (backgroundColor) {
112
+ styles.push(`--btn-background-color: transparent;`);
113
+ styles.push(`--hover-btn-background-color: ${backgroundColor};`);
114
+ }
115
+ if (textColor) {
116
+ styles.push(`--btn-color: ${textColor};`);
117
+ }
118
+ if (borderColor) {
119
+ styles.push(`--btn-border-color: ${borderColor};`);
120
+ } else if (textColor) {
121
+ styles.push(`--btn-border-color: ${textColor};`);
122
+ }
123
+ }
124
+
125
+ if (boxShadow) {
126
+ styles.push(`box-shadow: ${boxShadow};`);
127
+ }
128
+
129
+ if (customStyle) {
130
+ styles.push(customStyle);
131
+ }
132
+
73
133
  return styles.join(' ');
74
134
  });
75
135
 
76
- // Button disabled jika disabled atau loading
77
- const isButtonDisabled = $derived(disabled || isLoading);
136
+ const buttonClasses = $derived(() => {
137
+ const classes = ['btn', `btn-${type}`, `hover:bg-[${backgroundColor}]`];
138
+
139
+ if (isLoading) {
140
+ classes.push('btn-loading');
141
+ }
142
+
143
+ if (isDisabled) {
144
+ classes.push('btn-disabled');
145
+ }
146
+
147
+ if (className) {
148
+ classes.push(className);
149
+ }
150
+
151
+ return classes.join(' ');
152
+ });
153
+
154
+ function handleClick() {
155
+ if (!isDisabled && !isLoading && onclick) {
156
+ onclick();
157
+ }
158
+ }
159
+
160
+ function handleMouseEnter() {
161
+ if (!isDisabled && !isLoading && onmouseenter) {
162
+ onmouseenter();
163
+ }
164
+ }
78
165
  </script>
79
166
 
80
- <button
81
- type="button"
82
- disabled={isButtonDisabled}
83
- class={buttonClasses()}
84
- style={buttonStyles()}
85
- {...props}
86
- >
87
- {#if isLoading}
88
- <span class="storybook-button__spinner"></span>
89
- {/if}
90
- {#if iconLeft && !isLoading}
91
- <span class="storybook-button__icon storybook-button__icon--left">
92
- <Icon name={iconLeft} width={iconSize()} height={iconSize()} color="currentColor" />
93
- </span>
94
- {/if}
95
- <span class="storybook-button__label">{label}</span>
96
- {#if iconRight && !isLoading}
97
- <span class="storybook-button__icon storybook-button__icon--right">
98
- <Icon name={iconRight} width={iconSize()} height={iconSize()} color="currentColor" />
99
- </span>
100
- {/if}
101
- </button>
167
+ {#if isShow}
168
+ <button
169
+ type="button"
170
+ class={buttonClasses()}
171
+ style={buttonStyles()}
172
+ disabled={isDisabled || isLoading}
173
+ onclick={handleClick}
174
+ onmouseenter={handleMouseEnter}
175
+ title={tooltip || ''}
176
+ {...props}
177
+ >
178
+ {#if isLoading}
179
+ <span
180
+ class="btn-loader"
181
+ style={loaderColor
182
+ ? `border-top-color: ${loaderColor}; border-right-color: ${loaderColor};`
183
+ : ''}
184
+ ></span>
185
+ {:else if icon && iconPosition === 'left'}
186
+ <Icon name={icon} color={iconColor || 'currentColor'} width={16} height={16} />
187
+ {/if}
188
+
189
+ {#if label}
190
+ <span class="btn-label">{label}</span>
191
+ {/if}
192
+
193
+ {#if !isLoading && icon && iconPosition === 'right'}
194
+ <Icon name={icon} color={iconColor || 'currentColor'} width={16} height={16} />
195
+ {/if}
196
+ </button>
197
+ {/if}
package/dist/components/Button/Button.svelte.d.ts CHANGED
@@ -1,19 +1,26 @@
1
1
  import './button.css';
2
2
  import type { TIconName } from '../../icons/index.js';
3
3
  interface Props {
4
- size?: 'small' | 'medium' | 'large';
5
- variant?: 'primary' | 'secondary' | 'outline';
6
- label?: string;
7
- disabled?: boolean;
8
- isLoading?: boolean;
4
+ type?: 'solid' | 'outline';
5
+ size?: 48 | 40 | 32;
9
6
  backgroundColor?: string;
10
- borderColor?: string;
11
7
  textColor?: string;
12
- iconLeft?: TIconName;
13
- iconRight?: TIconName;
8
+ borderColor?: string;
9
+ loaderColor?: string;
10
+ icon?: TIconName;
11
+ iconColor?: string;
12
+ iconPosition?: 'left' | 'right';
13
+ borderRadius?: number;
14
+ boxShadow?: string;
15
+ label?: string;
16
+ onclick?: () => void;
17
+ onmouseenter?: () => void;
18
+ isLoading?: boolean;
19
+ isShow?: boolean;
20
+ isDisabled?: boolean;
21
+ tooltip?: string;
14
22
  class?: string;
15
23
  style?: string;
16
- onclick?: () => void;
17
24
  }
18
25
  declare const Button: import("svelte").Component<Props, {}, "">;
19
26
  type Button = ReturnType<typeof Button>;
package/dist/components/Button/button.css CHANGED
@@ -1,117 +1,94 @@
1
- .storybook-button {
1
+ .btn {
2
+ position: relative;
2
3
  display: inline-flex;
3
4
  align-items: center;
4
5
  justify-content: center;
5
6
  gap: 8px;
6
- cursor: pointer;
7
- border: 0;
8
7
  font-weight: 500;
9
- line-height: 1;
10
- font-family: 'Inter', sans-serif;
11
- box-shadow: 0px 2px 6px rgba(15,23,42,0.08);
12
- }
13
- .storybook-button:hover {
14
- opacity: 0.8;
15
- }
16
- .storybook-button:active {
17
- opacity: 0.6;
18
- }
19
- .storybook-button--primary {
20
- background-color: var(--background-color, var(--brand-brand-400-b));
21
- border: 1px solid var(--border-color, var(--background-color, var(--brand-brand-400-b)));
22
- color: var(--text-color, white);
23
- }
24
- .storybook-button--primary:disabled {
25
- background-color: #ced4da;
26
- border: 1px solid #ced4da;
27
- color: #3f4047;
28
- cursor: not-allowed;
29
- }
30
- .storybook-button--secondary {
31
- border: 1px solid #ced4da;
32
- background-color: transparent;
33
- color: var(--text-color, #3f4047);
34
- }
35
- .storybook-button--secondary:disabled {
36
- border: 1px solid #a3a6b7;
37
- color: #a3a6b7;
38
- cursor: not-allowed;
39
- }
40
- .storybook-button--outline {
41
- border: 1px solid var(--border-color, var(--brand-brand-400-b));
42
- background-color: transparent;
43
- color: var(--text-color, var(--brand-brand-400-b));
44
- }
45
- .storybook-button--outline:disabled {
46
- border: 1px solid #a3a6b7;
47
- color: #a3a6b7;
48
- cursor: not-allowed;
49
- }
50
- .storybook-button--small {
51
- padding: 6px 12px;
52
- font-size: 14px;
53
- border-radius: 6px;
54
- }
55
- .storybook-button--medium {
56
- padding: 8px 16px;
57
- font-size: 16px;
58
- border-radius: 8px;
59
- }
60
- .storybook-button--large {
61
- padding: 10px 24px;
62
- font-size: 18px;
63
- border-radius: 8px;
64
- }
65
- .storybook-button--disabled {
66
- background-color: #ced4da;
67
- cursor: not-allowed;
8
+ line-height: 1.5;
9
+ border: 1px solid transparent;
10
+ cursor: pointer;
11
+ transition: all 0.2s ease;
12
+ outline: none;
13
+ user-select: none;
14
+ white-space: nowrap;
15
+ box-sizing: border-box;
68
16
  }
69
17
 
70
- .storybook-button__icon {
71
- display: inline-flex;
72
- align-items: center;
73
- justify-content: center;
74
- flex-shrink: 0;
75
- }
18
+ /* Solid Button */
19
+ .btn-solid {
20
+ background-color: var(--btn-background-color);
21
+ color: var(--btn-color, var(--color-text-on-act));
76
22
 
77
- .storybook-button__label {
78
- display: inline-block;
23
+ &:hover {
24
+ background-color: color-mix(in srgb, var(--hover-btn-background-color), black 20%);
25
+ }
26
+
27
+ &:active {
28
+ background-color: var(--active-btn-background-color);
29
+ }
79
30
  }
80
31
 
81
- .storybook-button--loading {
82
- cursor: wait;
83
- position: relative;
32
+ /* Outline Button */
33
+ .btn-outline {
34
+ background-color: var(--btn-background-color);
35
+ color: var(--btn-color, var(--color-bg-act-primary));
36
+ border-color: var(--btn-border-color);
37
+
38
+ &:hover {
39
+ background-color: color-mix(in srgb, var(--btn-border-color), black 20%);
40
+ color: var(--btn-color, var(--color-text-on-act));
41
+ }
42
+
43
+ &:active {
44
+ background-color: var(--btn-border-color);
45
+ color: var(--btn-color, var(--color-text-on-act));
46
+ }
84
47
  }
85
48
 
86
- .storybook-button--loading .storybook-button__label {
87
- opacity: 0.7;
49
+ /* Loading State */
50
+ .btn-loading {
51
+ cursor: wait;
52
+ pointer-events: none;
88
53
  }
89
54
 
90
- .storybook-button__spinner {
55
+ .btn-loader {
91
56
  display: inline-block;
92
- width: 14px;
93
- height: 14px;
94
- border: 2px solid currentColor;
95
- border-right-color: transparent;
57
+ width: 16px;
58
+ height: 16px;
59
+ border: 2px solid transparent;
60
+ border-top-color: currentColor;
61
+ border-right-color: currentColor;
96
62
  border-radius: 50%;
97
- animation: storybook-button-spin 0.6s linear infinite;
98
- flex-shrink: 0;
63
+ animation: btn-spin 0.8s linear infinite;
99
64
  }
100
65
 
101
- @keyframes storybook-button-spin {
102
- to {
66
+ @keyframes btn-spin {
67
+ 0% {
68
+ transform: rotate(0deg);
69
+ }
70
+ 100% {
103
71
  transform: rotate(360deg);
104
72
  }
105
73
  }
106
74
 
107
- .storybook-button--small .storybook-button__spinner {
108
- width: 12px;
109
- height: 12px;
110
- border-width: 1.5px;
75
+ /* Disabled State */
76
+ .btn-disabled,
77
+ .btn:disabled {
78
+ opacity: 0.6;
79
+ cursor: not-allowed;
80
+ pointer-events: none;
111
81
  }
112
82
 
113
- .storybook-button--large .storybook-button__spinner {
114
- width: 16px;
115
- height: 16px;
116
- border-width: 2.5px;
83
+ .btn-disabled.btn-outline,
84
+ .btn-outline:disabled {
85
+ opacity: 0.6;
86
+ cursor: not-allowed;
87
+ pointer-events: none;
88
+ }
89
+
90
+ /* Button Label */
91
+ .btn-label {
92
+ display: inline-flex;
93
+ align-items: center;
117
94
  }
package/dist/components/Illustration/co-Disconnect1.svelte CHANGED
@@ -1,29 +1,29 @@
1
1
  <svg width="216" height="209" viewBox="0 0 216 209" fill="none" xmlns="http://www.w3.org/2000/svg">
2
2
  <path d="M119 61C122.866 61 126 64.134 126 68C126 71.866 122.866 75 119 75H183C186.866 75 190 78.134 190 82C190 85.866 186.866 89 183 89H205C208.866 89 212 92.134 212 96C212 99.866 208.866 103 205 103H186C182.134 103 179 106.134 179 110C179 113.866 182.134 117 186 117H192C195.866 117 199 120.134 199 124C199 127.866 195.866 131 192 131H140C139.485 131 138.983 130.944 138.5 130.839C138.017 130.944 137.515 131 137 131H46C42.134 131 39 127.866 39 124C39 120.134 42.134 117 46 117H7C3.13401 117 0 113.866 0 110C0 106.134 3.13401 103 7 103H47C50.866 103 54 99.866 54 96C54 92.134 50.866 89 47 89H22C18.134 89 15 85.866 15 82C15 78.134 18.134 75 22 75H62C58.134 75 55 71.866 55 68C55 64.134 58.134 61 62 61H119ZM209 117C212.866 117 216 120.134 216 124C216 127.866 212.866 131 209 131C205.134 131 202 127.866 202 124C202 120.134 205.134 117 209 117Z" fill="#FFF5E5"/>
3
3
  <path d="M137.266 55.3035C140.204 47.8122 154.186 34.2846 186.606 40.1047" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
4
- <path d="M137.551 56.9803C136.683 56.6397 136.227 55.6996 136.473 54.8202L136.531 54.6455L136.696 54.242C140.346 45.6999 155.386 32.4998 187.867 38.331C188.846 38.507 189.497 39.444 189.322 40.4231C189.146 41.4021 188.209 42.0533 187.23 41.8775C155.885 36.2506 142.83 49.0872 140.013 55.653L139.886 55.9606L139.81 56.1291C139.392 56.941 138.419 57.3207 137.551 56.9803Z" fill="white" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
4
+ <path d="M137.551 56.9803C136.683 56.6397 136.227 55.6996 136.473 54.8202L136.531 54.6455L136.696 54.242C140.346 45.6999 155.386 32.4998 187.867 38.331C188.846 38.507 189.497 39.444 189.322 40.4231C189.146 41.4021 188.209 42.0533 187.23 41.8775C155.885 36.2506 142.83 49.0872 140.013 55.653L139.886 55.9606L139.81 56.1291C139.392 56.941 138.419 57.3207 137.551 56.9803Z" fill="white" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
5
5
  <rect x="128.166" y="79.1726" width="7.2062" height="28.8248" rx="3.6031" transform="rotate(-150 128.166 79.1726)" fill="white"/>
6
6
  <rect x="128.168" y="79.1726" width="4.58781" height="28.8248" rx="2.29391" transform="rotate(-150 128.168 79.1726)" fill="#FFE4B7"/>
7
- <rect x="128.166" y="79.1726" width="7.2062" height="28.8248" rx="3.6031" transform="rotate(-150 128.166 79.1726)" stroke="var(--brand-brand-400-b)" stroke-width="2.5"/>
7
+ <rect x="128.166" y="79.1726" width="7.2062" height="28.8248" rx="3.6031" transform="rotate(-150 128.166 79.1726)" stroke="var(--color-bg-act-primary)" stroke-width="2.5"/>
8
8
  <rect x="136.14" y="94.1792" width="36.031" height="28.8248" rx="4.45935" transform="rotate(-150 136.14 94.1792)" fill="white"/>
9
9
  <rect x="136.142" y="94.179" width="31.1444" height="28.8248" rx="4.45935" transform="rotate(-150 136.142 94.179)" fill="#FFE4B7"/>
10
- <rect x="136.143" y="94.1794" width="36.031" height="28.8248" rx="4.45935" transform="rotate(-150 136.143 94.1794)" stroke="var(--brand-brand-400-b)" stroke-width="2.5"/>
10
+ <rect x="136.143" y="94.1794" width="36.031" height="28.8248" rx="4.45935" transform="rotate(-150 136.143 94.1794)" stroke="var(--color-bg-act-primary)" stroke-width="2.5"/>
11
11
  <rect x="136.559" y="100.661" width="43.2372" height="24.3209" rx="4.45935" transform="rotate(-150 136.559 100.661)" fill="white"/>
12
12
  <rect x="136.562" y="100.661" width="38.4092" height="24.3209" rx="4.45935" transform="rotate(-150 136.562 100.661)" fill="#FFE4B7"/>
13
- <path d="M119.397 90.7529L115.496 88.5009L113.156 87.1498L110.816 85.7986L108.476 84.4474L106.135 83.0963L103.795 81.7451L101.455 80.3939C100.162 79.6477 99.7193 77.995 100.466 76.7025L109.045 61.8422C110.277 59.7093 113.004 58.9785 115.137 60.2099L115.955 60.6826L118.296 62.0337M123.297 93.0048L127.978 95.7071M131.878 97.9591L132.697 98.4317C134.83 99.6631 137.557 98.9323 138.789 96.7995L146.49 83.4608C147.721 81.3279 146.99 78.6006 144.857 77.3692L139.358 74.1942L134.678 71.4919L132.337 70.1407L129.217 68.3392M125.317 66.0872L122.196 64.2857" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
13
+ <path d="M119.397 90.7529L115.496 88.5009L113.156 87.1498L110.816 85.7986L108.476 84.4474L106.135 83.0963L103.795 81.7451L101.455 80.3939C100.162 79.6477 99.7193 77.995 100.466 76.7025L109.045 61.8422C110.277 59.7093 113.004 58.9785 115.137 60.2099L115.955 60.6826L118.296 62.0337M123.297 93.0048L127.978 95.7071M131.878 97.9591L132.697 98.4317C134.83 99.6631 137.557 98.9323 138.789 96.7995L146.49 83.4608C147.721 81.3279 146.99 78.6006 144.857 77.3692L139.358 74.1942L134.678 71.4919L132.337 70.1407L129.217 68.3392M125.317 66.0872L122.196 64.2857" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
14
14
  <rect x="80.7843" y="114.368" width="36.031" height="28.8248" rx="4.45935" transform="rotate(30 80.7843 114.368)" fill="white"/>
15
15
  <path d="M79.2738 153.017C76.3355 160.508 62.3539 174.036 29.9339 168.215" stroke="black" stroke-width="2.5" stroke-linecap="round"/>
16
- <path d="M79.9309 151.34C80.7993 151.681 81.2546 152.621 81.0088 153.5L80.9506 153.675L80.7857 154.078C77.1357 162.62 62.0961 175.821 29.6146 169.989C28.6356 169.813 27.9844 168.876 28.1602 167.897C28.3362 166.918 29.2732 166.267 30.2523 166.443C61.597 172.07 74.6514 159.233 77.4693 152.667L77.5961 152.36L77.672 152.191C78.0896 151.379 79.0626 151 79.9309 151.34Z" fill="white" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
16
+ <path d="M79.9309 151.34C80.7993 151.681 81.2546 152.621 81.0088 153.5L80.9506 153.675L80.7857 154.078C77.1357 162.62 62.0961 175.821 29.6146 169.989C28.6356 169.813 27.9844 168.876 28.1602 167.897C28.3362 166.918 29.2732 166.267 30.2523 166.443C61.597 172.07 74.6514 159.233 77.4693 152.667L77.5961 152.36L77.672 152.191C78.0896 151.379 79.0626 151 79.9309 151.34Z" fill="white" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
17
17
  <rect x="88.7628" y="129.373" width="7.2062" height="28.8248" rx="3.6031" transform="rotate(30 88.7628 129.373)" fill="white"/>
18
18
  <rect x="90.8064" y="130.552" width="4.84675" height="28.8248" rx="2.42337" transform="rotate(30 90.8064 130.552)" fill="#FFE4B7"/>
19
- <rect x="88.7635" y="129.372" width="7.2062" height="28.8248" rx="3.6031" transform="rotate(30 88.7635 129.372)" stroke="var(--brand-brand-400-b)" stroke-width="2.5"/>
19
+ <rect x="88.7635" y="129.372" width="7.2062" height="28.8248" rx="3.6031" transform="rotate(30 88.7635 129.372)" stroke="var(--color-bg-act-primary)" stroke-width="2.5"/>
20
20
  <rect x="84.6732" y="116.612" width="31.5421" height="28.8248" rx="4.45935" transform="rotate(30 84.6732 116.612)" fill="#FFE4B7"/>
21
- <rect x="80.7852" y="114.368" width="36.031" height="28.8248" rx="4.45935" transform="rotate(30 80.7852 114.368)" stroke="var(--brand-brand-400-b)" stroke-width="2.5"/>
22
- <rect x="99.6696" y="88.8645" width="5.40465" height="21.6186" rx="2.70232" transform="rotate(30 99.6696 88.8645)" fill="white" stroke="var(--brand-brand-400-b)" stroke-width="2.5"/>
23
- <rect x="119.951" y="100.575" width="5.40465" height="21.6186" rx="2.70232" transform="rotate(30 119.951 100.575)" fill="white" stroke="var(--brand-brand-400-b)" stroke-width="2.5"/>
21
+ <rect x="80.7852" y="114.368" width="36.031" height="28.8248" rx="4.45935" transform="rotate(30 80.7852 114.368)" stroke="var(--color-bg-act-primary)" stroke-width="2.5"/>
22
+ <rect x="99.6696" y="88.8645" width="5.40465" height="21.6186" rx="2.70232" transform="rotate(30 99.6696 88.8645)" fill="white" stroke="var(--color-bg-act-primary)" stroke-width="2.5"/>
23
+ <rect x="119.951" y="100.575" width="5.40465" height="21.6186" rx="2.70232" transform="rotate(30 119.951 100.575)" fill="white" stroke="var(--color-bg-act-primary)" stroke-width="2.5"/>
24
24
  <rect x="86.2195" y="97.7419" width="43.2372" height="36.031" rx="4.45935" transform="rotate(30 86.2195 97.7419)" fill="white"/>
25
25
  <rect x="88.3116" y="103.639" width="38.478" height="31.9704" rx="4.45935" transform="rotate(30 88.3116 103.639)" fill="#FFE4B7"/>
26
- <path d="M86.1462 139.305L84.586 138.404L82.2457 137.053L79.9055 135.701L77.5652 134.35L72.066 131.175C69.9331 129.944 69.2023 127.217 70.4337 125.084L83.9899 101.604C85.2213 99.471 87.9486 98.7402 90.0815 99.9716L95.5807 103.147L97.9209 104.498L100.261 105.849M90.0467 141.557L94.7272 144.259M98.6277 146.511L100.968 147.862L101.787 148.335C103.92 149.566 106.647 148.835 107.878 146.702L121.434 123.222C122.666 121.09 121.935 118.362 119.802 117.131L114.303 113.956L111.183 112.154M104.162 108.101L107.282 109.902" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
26
+ <path d="M86.1462 139.305L84.586 138.404L82.2457 137.053L79.9055 135.701L77.5652 134.35L72.066 131.175C69.9331 129.944 69.2023 127.217 70.4337 125.084L83.9899 101.604C85.2213 99.471 87.9486 98.7402 90.0815 99.9716L95.5807 103.147L97.9209 104.498L100.261 105.849M90.0467 141.557L94.7272 144.259M98.6277 146.511L100.968 147.862L101.787 148.335C103.92 149.566 106.647 148.835 107.878 146.702L121.434 123.222C122.666 121.09 121.935 118.362 119.802 117.131L114.303 113.956L111.183 112.154M104.162 108.101L107.282 109.902" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
27
27
  <path d="M52.7263 90.271L69.0608 86.885M78.7761 45.1514L84.011 60.9905L78.7761 45.1514ZM62 65.603L76.511 73.9809L62 65.603Z" stroke="#FFC25C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
28
28
  <path d="M173.836 104.227L157.502 107.613M147.786 149.346L142.551 133.507L147.786 149.346ZM164.562 128.895L150.051 120.517L164.562 128.895Z" stroke="#FFC25C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
29
29
  </svg>
package/dist/components/Illustration/co-Disconnect2.svelte CHANGED
@@ -2,24 +2,24 @@
2
2
  <path d="M119 61C122.866 61 126 64.134 126 68C126 71.866 122.866 75 119 75H183C186.866 75 190 78.134 190 82C190 85.866 186.866 89 183 89H205C208.866 89 212 92.134 212 96C212 99.866 208.866 103 205 103H186C182.134 103 179 106.134 179 110C179 113.866 182.134 117 186 117H192C195.866 117 199 120.134 199 124C199 127.866 195.866 131 192 131H140C139.485 131 138.983 130.944 138.5 130.839C138.017 130.944 137.515 131 137 131H46C42.134 131 39 127.866 39 124C39 120.134 42.134 117 46 117H7C3.13401 117 0 113.866 0 110C0 106.134 3.13401 103 7 103H47C50.866 103 54 99.866 54 96C54 92.134 50.866 89 47 89H22C18.134 89 15 85.866 15 82C15 78.134 18.134 75 22 75H62C58.134 75 55 71.866 55 68C55 64.134 58.134 61 62 61H119ZM209 117C212.866 117 216 120.134 216 124C216 127.866 212.866 131 209 131C205.134 131 202 127.866 202 124C202 120.134 205.134 117 209 117Z" fill="#FFF5E5"/>
3
3
  <path d="M58.6942 67.3305C56.0586 62.1188 49.6971 60.0306 44.4855 62.6662L19.3215 75.3922C14.1098 78.0278 12.0216 84.3893 14.6572 89.6009C17.2929 94.8126 23.6543 96.9008 28.866 94.2652L54.03 81.5392C59.2416 78.9036 61.3299 72.5421 58.6942 67.3305ZM64.9852 64.149C69.378 72.835 65.8975 83.4375 57.2115 87.8302L32.0475 100.556C23.3614 104.949 12.759 101.468 8.36622 92.7824C3.97349 84.0964 7.45392 73.4939 16.14 69.1012L41.304 56.3752C49.99 51.9825 60.5925 55.4629 64.9852 64.149Z" fill="#FFE4B7"/>
4
4
  <path d="M16.1405 69.1015C7.4544 73.4942 3.97348 84.0971 8.36621 92.7831C8.78742 93.616 9.26651 94.4004 9.79473 95.1352C5.92656 86.5871 9.44872 76.4296 17.9029 72.1541L43.0664 59.4285C50.9191 55.4572 60.3381 57.9205 65.3189 64.848C65.213 64.614 65.1022 64.3809 64.9851 64.1494C60.5924 55.4634 49.99 51.9832 41.3039 56.3759L16.1405 69.1015Z" fill="white"/>
5
- <path d="M31.8675 61.1474L28.722 62.7382L22.431 65.9197L16.14 69.1012C7.45392 73.4939 3.97349 84.0964 8.36622 92.7824C12.759 101.468 23.3614 104.949 32.0475 100.556L35.193 98.9654M38.1585 57.9659L41.304 56.3752C49.99 51.9825 60.5925 55.4629 64.9852 64.149C69.378 72.835 65.8975 83.4375 57.2115 87.8302L44.6295 94.1932L41.484 95.7839M28.758 70.6199L31.9035 69.0292L44.4855 62.6662C49.6971 60.0306 56.0586 62.1188 58.6942 67.3305C61.3299 72.5421 59.2416 78.9036 54.03 81.5392L50.8845 83.1299M22.467 73.8014L19.3215 75.3922C14.1098 78.0278 12.0216 84.3893 14.6572 89.6009C17.2929 94.8126 23.6543 96.9008 28.866 94.2652L41.448 87.9022L44.5935 86.3114" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
5
+ <path d="M31.8675 61.1474L28.722 62.7382L22.431 65.9197L16.14 69.1012C7.45392 73.4939 3.97349 84.0964 8.36622 92.7824C12.759 101.468 23.3614 104.949 32.0475 100.556L35.193 98.9654M38.1585 57.9659L41.304 56.3752C49.99 51.9825 60.5925 55.4629 64.9852 64.149C69.378 72.835 65.8975 83.4375 57.2115 87.8302L44.6295 94.1932L41.484 95.7839M28.758 70.6199L31.9035 69.0292L44.4855 62.6662C49.6971 60.0306 56.0586 62.1188 58.6942 67.3305C61.3299 72.5421 59.2416 78.9036 54.03 81.5392L50.8845 83.1299M22.467 73.8014L19.3215 75.3922C14.1098 78.0278 12.0216 84.3893 14.6572 89.6009C17.2929 94.8126 23.6543 96.9008 28.866 94.2652L41.448 87.9022L44.5935 86.3114" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
6
6
  <path d="M160.049 120.542C157.129 115.484 158.862 109.017 163.92 106.096L188.341 91.997C193.399 89.0769 199.866 90.8098 202.786 95.8676C205.706 100.925 203.973 107.393 198.915 110.313L174.494 124.412C169.437 127.332 162.969 125.599 160.049 120.542ZM153.944 124.066C158.811 132.496 169.59 135.384 178.019 130.517L202.44 116.418C210.87 111.551 213.758 100.772 208.891 92.3427C204.024 83.9131 193.246 81.0249 184.816 85.8917L160.395 99.9912C151.965 104.858 149.077 115.637 153.944 124.066Z" fill="#FFE4B7"/>
7
7
  <path d="M160.395 99.9912C151.966 104.858 149.077 115.637 153.944 124.066C154.242 124.582 154.562 125.076 154.901 125.549C151.214 117.394 154.243 107.613 162.158 103.044L186.578 88.9444C194.493 84.375 204.478 86.6416 209.697 93.9125C209.457 93.3817 209.189 92.8578 208.891 92.3427C204.024 83.9131 193.246 81.0249 184.816 85.8917L160.395 99.9912Z" fill="white"/>
8
- <path d="M169.553 94.7039L172.606 92.9415L178.711 89.4166L184.816 85.8917C193.246 81.0249 204.024 83.9131 208.891 92.3427C213.758 100.772 210.87 111.551 202.44 116.418L199.388 118.18M163.448 98.2288L160.395 99.9912C151.965 104.858 149.077 115.637 153.944 124.066C158.811 132.496 169.59 135.384 178.019 130.517L190.23 123.468L193.282 121.705M179.183 97.2843L176.13 99.0467L163.92 106.096C158.862 109.017 157.129 115.484 160.049 120.542C162.969 125.599 169.437 127.332 174.494 124.412L177.547 122.65M185.288 93.7594L188.341 91.997C193.399 89.0769 199.866 90.8098 202.786 95.8676C205.706 100.925 203.973 107.393 198.915 110.313L186.705 117.362L183.652 119.125" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
8
+ <path d="M169.553 94.7039L172.606 92.9415L178.711 89.4166L184.816 85.8917C193.246 81.0249 204.024 83.9131 208.891 92.3427C213.758 100.772 210.87 111.551 202.44 116.418L199.388 118.18M163.448 98.2288L160.395 99.9912C151.965 104.858 149.077 115.637 153.944 124.066C158.811 132.496 169.59 135.384 178.019 130.517L190.23 123.468L193.282 121.705M179.183 97.2843L176.13 99.0467L163.92 106.096C158.862 109.017 157.129 115.484 160.049 120.542C162.969 125.599 169.437 127.332 174.494 124.412L177.547 122.65M185.288 93.7594L188.341 91.997C193.399 89.0769 199.866 90.8098 202.786 95.8676C205.706 100.925 203.973 107.393 198.915 110.313L186.705 117.362L183.652 119.125" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
9
9
  <path d="M102.456 67.5259C94.0266 62.6592 83.2481 65.5474 78.3812 73.9767C73.5144 82.4062 76.4021 93.1856 84.8316 98.0524L93.9895 103.34C95.6755 104.313 97.8312 103.736 98.8046 102.05C99.778 100.364 99.2004 98.2078 97.5144 97.2345L88.3565 91.9471C83.2988 89.027 81.5664 82.5593 84.4865 77.5016C87.4067 72.4441 93.8735 70.7113 98.9312 73.6312L107.678 78.681C109.591 79.7856 112.037 79.1301 113.142 77.2169L113.716 76.2215C114.223 75.3436 113.993 74.1867 113.115 73.6799L102.456 67.5259Z" fill="white"/>
10
10
  <path d="M132.48 100.122C140.91 104.989 143.798 115.767 138.931 124.197C134.064 132.626 123.285 135.515 114.856 130.648L105.698 125.361C104.012 124.388 103.434 122.232 104.408 120.546C105.381 118.86 107.537 118.282 109.223 119.256L118.381 124.543C123.438 127.463 129.906 125.729 132.826 120.672C135.746 115.614 134.013 109.147 128.955 106.227L120.209 101.177C118.296 100.073 117.64 97.6264 118.745 95.7132L119.319 94.7178C119.826 93.8399 120.943 93.461 121.821 93.9678L132.48 100.122Z" fill="white"/>
11
11
  <path d="M102.456 67.5259C94.0266 62.6592 83.2481 65.5474 78.3812 73.9767C73.5144 82.4062 76.4021 93.1856 84.8316 98.0524L93.9895 103.34C95.6755 104.313 97.8312 103.736 98.8046 102.05C99.778 100.364 99.2004 98.2078 97.5144 97.2345L88.3565 91.9471C83.2988 89.027 81.5664 82.5593 84.4865 77.5016C87.4067 72.4441 93.8735 70.7113 98.9312 73.6312L107.678 78.681C109.591 79.7856 112.037 79.1301 113.142 77.2169L113.716 76.2215C114.223 75.3436 113.993 74.1867 113.115 73.6799L102.456 67.5259Z" fill="#FFE4B7"/>
12
12
  <path d="M83.9003 78.6889C83.6368 79.0371 83.3887 79.4031 83.1647 79.791C80.2447 84.8487 81.9771 91.3164 87.0347 94.2365L96.1931 99.5241C97.4738 100.264 98.1142 101.686 97.9213 103.066C98.2684 102.795 98.5707 102.455 98.8044 102.05C99.7777 100.364 99.2005 98.2082 97.5148 97.2347L88.3565 91.9471C83.6865 89.2508 81.8554 83.5316 83.9003 78.6889ZM102.456 67.5259C94.0266 62.6592 83.2481 65.5474 78.3812 73.9767C78.1588 74.3619 77.9534 74.7525 77.7632 75.1467C82.9067 67.5898 93.0898 65.1709 101.134 69.8153L111.793 75.9691C112.487 76.3698 112.775 77.177 112.615 77.9313C112.813 77.7174 112.99 77.4794 113.142 77.2169L113.716 76.2215C114.223 75.3436 113.993 74.1865 113.115 73.6797L102.456 67.5259Z" fill="white"/>
13
- <path d="M102.456 67.5259L103.081 66.4433L103.081 66.4433L102.456 67.5259ZM78.3812 73.9767L77.2987 73.3517L77.2987 73.3517L78.3812 73.9767ZM84.8315 98.0524L84.2065 99.135L84.2065 99.135L84.8315 98.0524ZM97.0422 105.102L98.1247 105.727L97.4997 106.81L96.4172 106.185L97.0422 105.102ZM100.567 98.9969L101.192 97.9144L102.275 98.5394L101.65 99.6219L100.567 98.9969ZM88.3564 91.9471L87.7314 93.0296L87.7314 93.0296L88.3564 91.9471ZM84.4865 77.5016L83.404 76.8766L83.404 76.8766L84.4865 77.5016ZM98.9311 73.6312L99.5561 72.5486L99.5561 72.5487L98.9311 73.6312ZM111.142 80.681L112.224 81.306L111.599 82.3885L110.517 81.7635L111.142 80.681ZM113.716 76.2215L112.634 75.5965L112.634 75.5965L113.716 76.2215ZM114.765 74.6323L115.39 73.5498L116.608 74.2531L115.766 75.3802L114.765 74.6323ZM102.456 67.5259L101.831 68.6084C93.9995 64.0869 83.9854 66.7702 79.4637 74.6017L78.3812 73.9767L77.2987 73.3517C82.5107 64.3245 94.0537 61.2315 103.081 66.4433L102.456 67.5259ZM78.3812 73.9767L79.4637 74.6017C74.9421 82.4334 77.625 92.4483 85.4565 96.9699L84.8315 98.0524L84.2065 99.135C75.1791 93.9229 72.0867 82.379 77.2987 73.3517L78.3812 73.9767ZM84.8315 98.0524L85.4565 96.9699L97.6672 104.02L97.0422 105.102L96.4172 106.185L84.2065 99.135L84.8315 98.0524ZM97.0422 105.102L95.9596 104.477L99.4845 98.3719L100.567 98.9969L101.65 99.6219L98.1247 105.727L97.0422 105.102ZM100.567 98.9969L99.9421 100.079L87.7314 93.0296L88.3564 91.9471L88.9814 90.8646L101.192 97.9144L100.567 98.9969ZM88.3564 91.9471L87.7314 93.0296C82.0758 89.7643 80.1388 82.5321 83.404 76.8766L84.4865 77.5016L85.569 78.1266C82.9941 82.5866 84.5218 88.2897 88.9815 90.8646L88.3564 91.9471ZM84.4865 77.5016L83.404 76.8766C86.6693 71.2213 93.9006 69.2836 99.5561 72.5486L98.9311 73.6312L98.3062 74.7137C93.8464 72.139 88.144 73.667 85.569 78.1267L84.4865 77.5016ZM98.9311 73.6312L99.5561 72.5487L111.767 79.5985L111.142 80.681L110.517 81.7635L98.3061 74.7137L98.9311 73.6312ZM111.142 80.681L110.059 80.056L112.634 75.5965L113.716 76.2215L114.799 76.8465L112.224 81.306L111.142 80.681ZM113.716 76.2215L112.634 75.5965C112.981 74.9951 113.36 74.4249 113.763 73.8844L114.765 74.6323L115.766 75.3802C115.419 75.8455 115.095 76.3339 114.799 76.8465L113.716 76.2215ZM114.765 74.6323L114.14 75.7149L101.831 68.6084L102.456 67.5259L103.081 66.4433L115.39 73.5498L114.765 74.6323Z" fill="var(--brand-brand-400-b)"/>
13
+ <path d="M102.456 67.5259L103.081 66.4433L103.081 66.4433L102.456 67.5259ZM78.3812 73.9767L77.2987 73.3517L77.2987 73.3517L78.3812 73.9767ZM84.8315 98.0524L84.2065 99.135L84.2065 99.135L84.8315 98.0524ZM97.0422 105.102L98.1247 105.727L97.4997 106.81L96.4172 106.185L97.0422 105.102ZM100.567 98.9969L101.192 97.9144L102.275 98.5394L101.65 99.6219L100.567 98.9969ZM88.3564 91.9471L87.7314 93.0296L87.7314 93.0296L88.3564 91.9471ZM84.4865 77.5016L83.404 76.8766L83.404 76.8766L84.4865 77.5016ZM98.9311 73.6312L99.5561 72.5486L99.5561 72.5487L98.9311 73.6312ZM111.142 80.681L112.224 81.306L111.599 82.3885L110.517 81.7635L111.142 80.681ZM113.716 76.2215L112.634 75.5965L112.634 75.5965L113.716 76.2215ZM114.765 74.6323L115.39 73.5498L116.608 74.2531L115.766 75.3802L114.765 74.6323ZM102.456 67.5259L101.831 68.6084C93.9995 64.0869 83.9854 66.7702 79.4637 74.6017L78.3812 73.9767L77.2987 73.3517C82.5107 64.3245 94.0537 61.2315 103.081 66.4433L102.456 67.5259ZM78.3812 73.9767L79.4637 74.6017C74.9421 82.4334 77.625 92.4483 85.4565 96.9699L84.8315 98.0524L84.2065 99.135C75.1791 93.9229 72.0867 82.379 77.2987 73.3517L78.3812 73.9767ZM84.8315 98.0524L85.4565 96.9699L97.6672 104.02L97.0422 105.102L96.4172 106.185L84.2065 99.135L84.8315 98.0524ZM97.0422 105.102L95.9596 104.477L99.4845 98.3719L100.567 98.9969L101.65 99.6219L98.1247 105.727L97.0422 105.102ZM100.567 98.9969L99.9421 100.079L87.7314 93.0296L88.3564 91.9471L88.9814 90.8646L101.192 97.9144L100.567 98.9969ZM88.3564 91.9471L87.7314 93.0296C82.0758 89.7643 80.1388 82.5321 83.404 76.8766L84.4865 77.5016L85.569 78.1266C82.9941 82.5866 84.5218 88.2897 88.9815 90.8646L88.3564 91.9471ZM84.4865 77.5016L83.404 76.8766C86.6693 71.2213 93.9006 69.2836 99.5561 72.5486L98.9311 73.6312L98.3062 74.7137C93.8464 72.139 88.144 73.667 85.569 78.1267L84.4865 77.5016ZM98.9311 73.6312L99.5561 72.5487L111.767 79.5985L111.142 80.681L110.517 81.7635L98.3061 74.7137L98.9311 73.6312ZM111.142 80.681L110.059 80.056L112.634 75.5965L113.716 76.2215L114.799 76.8465L112.224 81.306L111.142 80.681ZM113.716 76.2215L112.634 75.5965C112.981 74.9951 113.36 74.4249 113.763 73.8844L114.765 74.6323L115.766 75.3802C115.419 75.8455 115.095 76.3339 114.799 76.8465L113.716 76.2215ZM114.765 74.6323L114.14 75.7149L101.831 68.6084L102.456 67.5259L103.081 66.4433L115.39 73.5498L114.765 74.6323Z" fill="var(--color-bg-act-primary)"/>
14
14
  <path d="M132.48 100.122C140.91 104.989 143.798 115.767 138.931 124.197C134.064 132.626 123.285 135.515 114.856 130.648L105.698 125.361C104.012 124.388 103.434 122.232 104.408 120.546C105.381 118.86 107.537 118.282 109.223 119.256L118.381 124.543C123.438 127.463 129.906 125.729 132.826 120.672C135.746 115.614 134.013 109.147 128.955 106.227L120.209 101.177C118.296 100.073 117.64 97.6264 118.745 95.7132L119.319 94.7178C119.826 93.8399 120.943 93.461 121.821 93.9678L132.48 100.122Z" fill="#FFE4B7"/>
15
15
  <path d="M132.091 121.773C131.921 122.175 131.728 122.573 131.504 122.961C128.584 128.019 122.117 129.752 117.059 126.832L107.901 121.545C106.62 120.806 105.068 120.962 103.969 121.819C104.03 121.383 104.174 120.951 104.407 120.546C105.381 118.86 107.537 118.283 109.223 119.256L118.381 124.543C123.051 127.239 128.919 125.965 132.091 121.773ZM132.48 100.122C140.91 104.989 143.798 115.767 138.931 124.197C138.709 124.582 138.473 124.954 138.227 125.316C142.199 117.083 139.203 107.056 131.158 102.411L120.5 96.2574C119.806 95.8566 118.963 96.0106 118.389 96.5262C118.476 96.2485 118.593 95.9757 118.745 95.7132L119.319 94.7178C119.826 93.8399 120.944 93.4612 121.822 93.968L132.48 100.122Z" fill="white"/>
16
16
  <path d="M54.9859 67.6702L54.8094 67.6274C52.9861 67.2367 51.157 68.3411 50.6689 70.1627C50.1808 71.9843 51.2126 73.8553 52.987 74.4286L53.1613 74.4798L87.2089 83.6028C89.0893 84.1066 91.0221 82.9907 91.5259 81.1103C92.0298 79.2299 90.9139 77.2971 89.0335 76.7933L54.9859 67.6702Z" fill="white"/>
17
17
  <path d="M54.3024 70.2247L54.1263 70.1803C52.3121 69.7553 50.6325 70.3019 50.3274 71.4404C50.0224 72.5788 51.2037 73.892 52.9873 74.431L53.162 74.4806L87.2096 83.6037C89.09 84.1075 90.8696 83.5632 91.1845 82.388C91.4994 81.2127 90.2303 79.8516 88.3499 79.3477L54.3024 70.2247Z" fill="#FFE4B7"/>
18
- <path d="M54.9859 67.6702L54.8094 67.6274C52.9861 67.2367 51.157 68.3411 50.6689 70.1627C50.1808 71.9843 51.2126 73.8553 52.987 74.4286L53.1613 74.4798L87.2089 83.6028C89.0893 84.1066 91.0221 82.9907 91.5259 81.1103C92.0298 79.2299 90.9139 77.2971 89.0335 76.7933L54.9859 67.6702Z" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
19
- <path d="M132.48 100.122L133.105 99.0393L133.105 99.0393L132.48 100.122ZM138.931 124.197L140.014 124.822L140.014 124.822L138.931 124.197ZM114.856 130.648L114.231 131.731L114.231 131.731L114.856 130.648ZM102.645 123.599L101.563 122.974L100.938 124.056L102.02 124.681L102.645 123.599ZM106.17 117.493L106.795 116.411L105.713 115.786L105.088 116.868L106.17 117.493ZM118.381 124.543L117.756 125.626L117.756 125.626L118.381 124.543ZM132.826 120.672L133.908 121.297L133.908 121.297L132.826 120.672ZM128.955 106.227L129.58 105.145L129.58 105.145L128.955 106.227ZM116.745 99.1773L115.662 98.5523L115.037 99.6349L116.12 100.26L116.745 99.1773ZM119.319 94.7178L120.402 95.3428L120.402 95.3428L119.319 94.7178ZM120.172 93.0154L120.797 91.9328L119.578 91.2295L119.023 92.522L120.172 93.0154ZM132.48 100.122L131.855 101.204C139.687 105.726 142.37 115.74 137.849 123.572L138.931 124.197L140.014 124.822C145.225 115.794 142.133 104.251 133.105 99.0393L132.48 100.122ZM138.931 124.197L137.849 123.572C133.327 131.403 123.312 134.087 115.481 129.566L114.856 130.648L114.231 131.731C123.258 136.943 134.802 133.849 140.014 124.822L138.931 124.197ZM114.856 130.648L115.481 129.566L103.27 122.516L102.645 123.599L102.02 124.681L114.231 131.731L114.856 130.648ZM102.645 123.599L103.728 124.224L107.253 118.118L106.17 117.493L105.088 116.868L101.563 122.974L102.645 123.599ZM106.17 117.493L105.545 118.576L117.756 125.626L118.381 124.543L119.006 123.461L106.795 116.411L106.17 117.493ZM118.381 124.543L117.756 125.626C123.411 128.891 130.643 126.952 133.908 121.297L132.826 120.672L131.743 120.047C129.168 124.507 123.465 126.035 119.006 123.461L118.381 124.543ZM132.826 120.672L133.908 121.297C137.173 115.641 135.236 108.41 129.58 105.145L128.955 106.227L128.33 107.31C132.79 109.885 134.318 115.587 131.743 120.047L132.826 120.672ZM128.955 106.227L129.58 105.145L117.37 98.0948L116.745 99.1773L116.12 100.26L128.33 107.31L128.955 106.227ZM116.745 99.1773L117.827 99.8023L120.402 95.3428L119.319 94.7178L118.237 94.0928L115.662 98.5523L116.745 99.1773ZM119.319 94.7178L120.402 95.3428C120.749 94.7415 121.054 94.1285 121.32 93.5088L120.172 93.0154L119.023 92.522C118.794 93.0555 118.533 93.5803 118.237 94.0928L119.319 94.7178ZM120.172 93.0154L119.547 94.0979L131.855 101.204L132.48 100.122L133.105 99.0393L120.797 91.9328L120.172 93.0154Z" fill="var(--brand-brand-400-b)"/>
18
+ <path d="M54.9859 67.6702L54.8094 67.6274C52.9861 67.2367 51.157 68.3411 50.6689 70.1627C50.1808 71.9843 51.2126 73.8553 52.987 74.4286L53.1613 74.4798L87.2089 83.6028C89.0893 84.1066 91.0221 82.9907 91.5259 81.1103C92.0298 79.2299 90.9139 77.2971 89.0335 76.7933L54.9859 67.6702Z" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
19
+ <path d="M132.48 100.122L133.105 99.0393L133.105 99.0393L132.48 100.122ZM138.931 124.197L140.014 124.822L140.014 124.822L138.931 124.197ZM114.856 130.648L114.231 131.731L114.231 131.731L114.856 130.648ZM102.645 123.599L101.563 122.974L100.938 124.056L102.02 124.681L102.645 123.599ZM106.17 117.493L106.795 116.411L105.713 115.786L105.088 116.868L106.17 117.493ZM118.381 124.543L117.756 125.626L117.756 125.626L118.381 124.543ZM132.826 120.672L133.908 121.297L133.908 121.297L132.826 120.672ZM128.955 106.227L129.58 105.145L129.58 105.145L128.955 106.227ZM116.745 99.1773L115.662 98.5523L115.037 99.6349L116.12 100.26L116.745 99.1773ZM119.319 94.7178L120.402 95.3428L120.402 95.3428L119.319 94.7178ZM120.172 93.0154L120.797 91.9328L119.578 91.2295L119.023 92.522L120.172 93.0154ZM132.48 100.122L131.855 101.204C139.687 105.726 142.37 115.74 137.849 123.572L138.931 124.197L140.014 124.822C145.225 115.794 142.133 104.251 133.105 99.0393L132.48 100.122ZM138.931 124.197L137.849 123.572C133.327 131.403 123.312 134.087 115.481 129.566L114.856 130.648L114.231 131.731C123.258 136.943 134.802 133.849 140.014 124.822L138.931 124.197ZM114.856 130.648L115.481 129.566L103.27 122.516L102.645 123.599L102.02 124.681L114.231 131.731L114.856 130.648ZM102.645 123.599L103.728 124.224L107.253 118.118L106.17 117.493L105.088 116.868L101.563 122.974L102.645 123.599ZM106.17 117.493L105.545 118.576L117.756 125.626L118.381 124.543L119.006 123.461L106.795 116.411L106.17 117.493ZM118.381 124.543L117.756 125.626C123.411 128.891 130.643 126.952 133.908 121.297L132.826 120.672L131.743 120.047C129.168 124.507 123.465 126.035 119.006 123.461L118.381 124.543ZM132.826 120.672L133.908 121.297C137.173 115.641 135.236 108.41 129.58 105.145L128.955 106.227L128.33 107.31C132.79 109.885 134.318 115.587 131.743 120.047L132.826 120.672ZM128.955 106.227L129.58 105.145L117.37 98.0948L116.745 99.1773L116.12 100.26L128.33 107.31L128.955 106.227ZM116.745 99.1773L117.827 99.8023L120.402 95.3428L119.319 94.7178L118.237 94.0928L115.662 98.5523L116.745 99.1773ZM119.319 94.7178L120.402 95.3428C120.749 94.7415 121.054 94.1285 121.32 93.5088L120.172 93.0154L119.023 92.522C118.794 93.0555 118.533 93.5803 118.237 94.0928L119.319 94.7178ZM120.172 93.0154L119.547 94.0979L131.855 101.204L132.48 100.122L133.105 99.0393L120.797 91.9328L120.172 93.0154Z" fill="var(--color-bg-act-primary)"/>
20
20
  <path d="M164.655 114.482L164.837 114.487C166.699 114.581 168.18 116.121 168.18 118.007C168.18 119.893 166.699 121.433 164.837 121.528L164.655 121.532H129.407C127.46 121.532 125.882 119.954 125.882 118.007C125.882 116.061 127.46 114.482 129.407 114.482H164.655Z" fill="white"/>
21
21
  <path d="M164.655 117.126L164.837 117.129C166.699 117.188 168.18 118.15 168.18 119.329C168.18 120.508 166.699 121.47 164.837 121.529L164.655 121.532H129.407C127.46 121.532 125.882 120.546 125.882 119.329C125.882 118.112 127.46 117.126 129.407 117.126H164.655Z" fill="#FFE4B7"/>
22
- <path d="M164.655 114.482L164.837 114.487C166.699 114.581 168.18 116.121 168.18 118.007C168.18 119.893 166.699 121.433 164.837 121.528L164.655 121.532H129.407C127.46 121.532 125.882 119.954 125.882 118.007C125.882 116.061 127.46 114.482 129.407 114.482H164.655Z" stroke="var(--brand-brand-400-b)" stroke-width="2.5" stroke-linecap="round"/>
22
+ <path d="M164.655 114.482L164.837 114.487C166.699 114.581 168.18 116.121 168.18 118.007C168.18 119.893 166.699 121.433 164.837 121.528L164.655 121.532H129.407C127.46 121.532 125.882 119.954 125.882 118.007C125.882 116.061 127.46 114.482 129.407 114.482H164.655Z" stroke="var(--color-bg-act-primary)" stroke-width="2.5" stroke-linecap="round"/>
23
23
  <path d="M154.993 62.8691L139.153 68.104M109.873 36.8193L113.259 53.1538L109.873 36.8193ZM134.627 46.1428L126.249 60.6538L134.627 46.1428Z" stroke="#FFC25C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
24
24
  <path d="M57.0861 135.51L72.9252 130.275M102.206 161.56L98.8197 145.225L102.206 161.56ZM77.4514 152.236L85.8293 137.725L77.4514 152.236Z" stroke="#FFC25C" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/>
25
25
  </svg>