@platformatic/ui-components 0.7.35 → 0.8.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.
- package/dist/assets/{index-Dc2uZTON.css → index-BiRNzolW.css} +1 -1
- package/dist/assets/index-CLtNOpBw.js +40 -0
- package/dist/index.html +2 -2
- package/package.json +1 -1
- package/src/components/Button.jsx +15 -3
- package/src/components/TabbedWindow.module.css +2 -2
- package/src/components/forms/Select.jsx +1 -1
- package/src/components/forms/Select.module.css +1 -1
- package/src/components/icons/K8SIcon.jsx +27 -6
- package/dist/assets/index-Dev7WHoA.js +0 -40
package/dist/index.html
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
<meta charset="UTF-8" />
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
6
6
|
<title>Platformatic UI Components</title>
|
|
7
|
-
<script type="module" crossorigin src="/assets/index-
|
|
8
|
-
<link rel="stylesheet" crossorigin href="/assets/index-
|
|
7
|
+
<script type="module" crossorigin src="/assets/index-CLtNOpBw.js"></script>
|
|
8
|
+
<link rel="stylesheet" crossorigin href="/assets/index-BiRNzolW.css">
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<div id="root"></div>
|
package/package.json
CHANGED
|
@@ -37,6 +37,7 @@ function Button ({
|
|
|
37
37
|
...rest
|
|
38
38
|
}) {
|
|
39
39
|
let buttonClassName = textClass
|
|
40
|
+
let tmpBorderedClassName = ''
|
|
40
41
|
buttonClassName += ` ${styles.button} ${styles['color-' + color]} `
|
|
41
42
|
let contentClassName = `${styles.content} `
|
|
42
43
|
if (paddingClass) {
|
|
@@ -45,10 +46,10 @@ function Button ({
|
|
|
45
46
|
contentClassName += `${styles['button-' + size]} `
|
|
46
47
|
}
|
|
47
48
|
if (disabled) {
|
|
48
|
-
|
|
49
|
+
tmpBorderedClassName = commonStyles[`bordered--${color}-30`]
|
|
49
50
|
buttonClassName += ` ${styles.disabled}`
|
|
50
51
|
} else {
|
|
51
|
-
|
|
52
|
+
tmpBorderedClassName = bordered ? commonStyles[`bordered--${color}-70`] : ''
|
|
52
53
|
}
|
|
53
54
|
if (!bordered) buttonClassName += ` ${styles['no-border']}`
|
|
54
55
|
if (fullWidth) {
|
|
@@ -58,10 +59,14 @@ function Button ({
|
|
|
58
59
|
const [hover, setHover] = useState(false)
|
|
59
60
|
const [inactive, setInactive] = useState(false)
|
|
60
61
|
const [backgroundClassName, setBackgroundClassName] = useState(restClassName())
|
|
62
|
+
const [borderedClassName, setBorderedClassName] = useState(tmpBorderedClassName)
|
|
61
63
|
|
|
62
64
|
useEffect(() => {
|
|
63
65
|
if (!disabled) {
|
|
64
66
|
if (hover) {
|
|
67
|
+
if (bordered) {
|
|
68
|
+
setBorderedClassName(commonStyles[`bordered--${color}-100`])
|
|
69
|
+
}
|
|
65
70
|
switch (hoverEffect) {
|
|
66
71
|
case DULLS_BACKGROUND_COLOR:
|
|
67
72
|
setBackgroundClassName(restClassName() + ' ' + commonStyles[`hover-${DULLS_BACKGROUND_COLOR}-${color}`])
|
|
@@ -89,6 +94,13 @@ function Button ({
|
|
|
89
94
|
} else {
|
|
90
95
|
setBackgroundClassName(restClassName())
|
|
91
96
|
}
|
|
97
|
+
if (bordered) {
|
|
98
|
+
setBorderedClassName(commonStyles[`bordered--${color}-70`])
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
} else {
|
|
102
|
+
if (bordered) {
|
|
103
|
+
setBorderedClassName(commonStyles[`bordered--${color}-30`])
|
|
92
104
|
}
|
|
93
105
|
}
|
|
94
106
|
}, [disabled, hover, hoverEffect])
|
|
@@ -101,7 +113,7 @@ function Button ({
|
|
|
101
113
|
}
|
|
102
114
|
|
|
103
115
|
return (
|
|
104
|
-
<button className={`${buttonClassName} ${restClassName()}`} disabled={disabled} alt={label} {...rest} onMouseLeave={() => setHover(false)} onMouseOver={() => setHover(true)}>
|
|
116
|
+
<button className={`${buttonClassName} ${restClassName()} ${borderedClassName}`} disabled={disabled} alt={label} {...rest} onMouseLeave={() => setHover(false)} onMouseOver={() => setHover(true)}>
|
|
105
117
|
<div className={`${contentClassName} ${backgroundClassName}`}>
|
|
106
118
|
{platformaticIcon ? <PlatformaticIcon key='left' iconName={platformaticIcon.iconName} color={platformaticIcon.color} data-testid='button-icon' onClick={null} inactive={inactive} /> : null}
|
|
107
119
|
<span className={styles.label}>{label}</span>
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
@apply bg-main-dark-blue flex flex-col gap-y-2 w-full;
|
|
3
3
|
}
|
|
4
4
|
.tabs-header {
|
|
5
|
-
@apply flex justify-start text-white uppercase hover:cursor-pointer tracking-super-widest h-[1.5rem] relative;
|
|
5
|
+
@apply flex justify-start text-white uppercase hover:cursor-pointer tracking-super-widest h-[1.5rem] relative items-center;
|
|
6
6
|
}
|
|
7
7
|
.tab {
|
|
8
8
|
@apply mx-8 min-w-[105px] text-center text-sm first:ml-0 last:mr-0 font-light opacity-70 hover:opacity-100;
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
visibility: hidden;
|
|
23
23
|
}
|
|
24
24
|
.divider {
|
|
25
|
-
@apply w-full border border-none rounded-md h-[1px] bg-white/15 absolute bottom-
|
|
25
|
+
@apply w-full border border-none rounded-md h-[1px] bg-white/15 absolute bottom-[-1px];
|
|
26
26
|
margin-block-start: 0;
|
|
27
27
|
margin-block-end: 0;
|
|
28
28
|
}
|
|
@@ -175,7 +175,7 @@ function Select ({
|
|
|
175
175
|
{beforeIcon?.iconName && getBeforeIcon()}
|
|
176
176
|
<input type='text' name={name} value={value} className={inputClassName} ref={inputRef} disabled={disabled} placeholder={placeholder} onFocus={() => handleFocus()} onBlur={(e) => handleBlur(e)} readOnly />
|
|
177
177
|
<div className={styles.icons}>
|
|
178
|
-
<PlatformaticIcon iconName={showOptions ? '
|
|
178
|
+
<PlatformaticIcon iconName={showOptions ? 'ArrowDownIcon' : 'ArrowRightIcon'} color={borderColor} disabled={disabled} onClick={() => setShowOptions(!showOptions)} size={SMALL} />
|
|
179
179
|
</div>
|
|
180
180
|
</div>
|
|
181
181
|
{showOptions && !showError && renderOptions()}
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
@apply border border-solid rounded
|
|
26
26
|
}
|
|
27
27
|
.option {
|
|
28
|
-
@apply
|
|
28
|
+
@apply cursor-pointer z-10 flex flex-row justify-between items-center px-4 rounded;
|
|
29
29
|
}
|
|
30
30
|
.bordered-bottom {
|
|
31
31
|
@apply border-b
|
|
@@ -31,8 +31,15 @@ const K8SIcon = ({
|
|
|
31
31
|
xmlns='http://www.w3.org/2000/svg'
|
|
32
32
|
className={className}
|
|
33
33
|
>
|
|
34
|
-
<path
|
|
35
|
-
<path
|
|
34
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M6.69,8.11h0c.12-.03.19-.16.15-.28-.01-.04-.03-.08-.07-.11h0s-.98-.91-.98-.91c-.3.5-.43,1.09-.37,1.68l1.26-.37h0Z' />
|
|
35
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M7.26,7.09h0c.1.07.24.05.31-.05.03-.04.04-.08.04-.12h0s.07-1.35.07-1.35c-.09.01-.18.03-.27.05-.47.11-.9.35-1.24.7l1.07.78h0Z' />
|
|
36
|
+
<polygon fill='none' className={`${filledClassName} ${strokeTransparent}`} points='7.64 8.51 8 8.69 8.36 8.51 8.45 8.11 8.2 7.79 7.8 7.79 7.55 8.11 7.64 8.51' />
|
|
37
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M8.39,6.92h0c0,.13.11.22.23.22.04,0,.08-.02.12-.04h0s1.07-.78,1.07-.78c-.41-.41-.93-.67-1.5-.74l.07,1.35h0Z' />
|
|
38
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M6.9,8.89s-.03,0-.04,0h0s-1.29.22-1.29.22c.19.55.56,1.02,1.04,1.34l.5-1.24h0s.02-.1.01-.14h0c-.02-.1-.11-.18-.21-.18Z' />
|
|
39
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M12.95,4.69c-.06-.24-.21-.44-.43-.55l-4.17-2.05c-.22-.11-.47-.11-.69,0l-4.17,2.05c-.22.11-.38.31-.43.55l-1.03,4.61c-.03.12-.03.24,0,.35,0,.04.02.07.03.1.02.06.05.11.08.17.01.02.03.04.05.06l2.89,3.7s.03.03.04.05c.05.05.1.09.15.13.07.05.15.08.23.1.07.02.13.03.2.03h4.63s.06,0,.08,0c.04,0,.08-.01.12-.02.03,0,.06-.02.08-.03.02,0,.04-.02.06-.03.03-.01.06-.03.09-.05.07-.05.14-.11.19-.17l.09-.11,2.8-3.59c.05-.07.1-.15.12-.23.01-.03.02-.07.03-.1.03-.12.03-.24,0-.35l-1.03-4.61ZM12.11,9.44s-.03,0-.05-.01h0s0,0,0,0c-.02,0-.05,0-.06-.01-.08-.02-.15-.05-.22-.09-.14-.06-.29-.1-.44-.13-.05,0-.1.02-.14.05-.04,0-.07-.01-.11-.02-.24.78-.75,1.45-1.44,1.87h0s.03.07.04.11c-.03.05-.03.1-.02.15.06.14.13.28.22.41.05.07.09.13.13.2.01.02.02.05.03.07.07.12.03.28-.09.35-.12.07-.27.03-.34-.09,0-.01-.02-.03-.02-.05,0-.02-.02-.05-.03-.07-.03-.08-.05-.16-.07-.24-.04-.15-.1-.29-.17-.43-.03-.04-.08-.07-.13-.08,0-.01-.04-.07-.05-.1-.74.29-1.56.29-2.3,0l-.06.11s-.08.03-.11.05c-.09.14-.15.3-.19.46-.02.08-.04.16-.07.24,0,.02-.02.05-.03.07h0c-.05.14-.19.21-.32.16-.13-.05-.2-.2-.15-.33,0-.02.01-.03.02-.05,0-.02.02-.05.03-.07.04-.07.09-.14.13-.21.09-.13.16-.27.23-.42,0-.05,0-.1-.02-.15l.05-.11c-.68-.42-1.2-1.08-1.44-1.85l-.11.02s-.09-.05-.14-.05c-.15.03-.29.07-.44.13-.07.03-.15.06-.22.09-.02,0-.04.01-.06.01,0,0,0,0,0,0h0c-.13.04-.27-.03-.32-.16s.03-.28.16-.33c.01,0,.03,0,.05-.01h0s.05-.01.07-.02c.08-.01.16-.02.24-.02.15-.01.3-.04.45-.08.04-.03.08-.07.11-.11l.1-.03c-.11-.81.07-1.64.51-2.32l-.08-.07c0-.05-.02-.1-.05-.15-.11-.1-.24-.19-.37-.27-.07-.04-.14-.08-.21-.12-.02-.01-.04-.03-.05-.04h0c-.12-.09-.15-.26-.06-.38.05-.06.12-.1.2-.09.06,0,.12.03.17.07.02.01.04.03.06.05.06.06.11.12.16.18.1.12.21.22.34.31.05.02.1.03.15.01.03.02.06.04.09.07.44-.48,1.01-.82,1.63-.96.15-.03.3-.06.45-.07v-.11s.07-.08.09-.13c0-.16,0-.31-.03-.47-.02-.08-.03-.16-.03-.24,0-.02,0-.04,0-.07,0,0,0,0,0,0-.01-.14.09-.27.22-.28.14-.01.26.09.28.23,0,.02,0,.03,0,.05,0,.02,0,.05,0,.07,0,.08-.02.16-.03.24-.02.15-.03.31-.03.47.01.05.04.1.08.13,0,.02,0,.08,0,.11.79.07,1.53.44,2.07,1.03l.1-.07c.05,0,.1,0,.15-.02.12-.09.23-.2.34-.31.05-.06.11-.12.17-.18.02-.01.04-.03.06-.05.1-.1.26-.1.35,0,.1.1.1.27,0,.37-.01.01-.03.02-.04.03-.02.01-.04.03-.06.05-.07.05-.14.09-.21.12-.13.08-.26.17-.37.27-.03.04-.05.09-.05.15-.01.01-.06.06-.09.08.44.68.63,1.5.52,2.32l.1.03s.06.09.11.11c.15.04.3.07.45.08.08,0,.16,0,.24.02.02,0,.05.01.07.02.14.02.23.15.22.29-.02.14-.14.24-.28.22Z' />
|
|
40
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M10.2,6.81l-.98.9h0c-.09.09-.1.23-.02.32.03.03.07.06.11.07h0s1.26.38,1.26.38c.05-.58-.08-1.17-.38-1.67h0Z' />
|
|
41
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M8.19,9.56h0c-.06-.11-.19-.15-.3-.09-.04.02-.07.05-.09.09h0l-.63,1.18c.45.16.94.19,1.41.07.09-.02.17-.04.25-.07l-.64-1.18h0Z' />
|
|
42
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M9.14,8.89h0s-.03,0-.05,0c-.03,0-.06,0-.08.02-.11.05-.15.18-.11.29h0s.5,1.26.5,1.26c.48-.32.85-.79,1.04-1.35l-1.3-.23h0Z' />
|
|
36
43
|
</svg>
|
|
37
44
|
)
|
|
38
45
|
break
|
|
@@ -46,8 +53,15 @@ const K8SIcon = ({
|
|
|
46
53
|
xmlns='http://www.w3.org/2000/svg'
|
|
47
54
|
className={className}
|
|
48
55
|
>
|
|
49
|
-
<path
|
|
50
|
-
<path
|
|
56
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M10.03,12.17h0c.18-.05.28-.24.23-.42-.02-.07-.05-.12-.1-.17h0s-1.47-1.36-1.47-1.36c-.45.75-.64,1.64-.55,2.52l1.89-.56h0Z' />
|
|
57
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M10.89,10.64h0c.15.11.35.08.46-.08.04-.05.06-.12.06-.19h0s.11-2.03.11-2.03c-.13.02-.27.04-.4.07-.7.16-1.35.52-1.86,1.04l1.61,1.18h0Z' />
|
|
58
|
+
<polygon fill='none' className={`${filledClassName} ${strokeTransparent}`} points='11.46 12.77 12 13.04 12.54 12.77 12.67 12.17 12.3 11.68 11.7 11.68 11.32 12.16 11.46 12.77' />
|
|
59
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M12.58,10.37h0c0,.19.16.33.35.33.06,0,.13-.03.18-.06h0s1.6-1.17,1.6-1.17c-.61-.61-1.4-1.01-2.24-1.12l.11,2.02h0Z' />
|
|
60
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M10.35,13.34s-.04,0-.06,0h0s-1.93.33-1.93.33c.29.83.84,1.53,1.56,2.01l.75-1.87h0c.03-.07.03-.15.02-.22h0c-.03-.15-.16-.26-.32-.27Z' />
|
|
61
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M19.42,7.03c-.08-.36-.32-.67-.65-.83l-6.26-3.08c-.33-.16-.71-.16-1.04,0l-6.26,3.08c-.33.16-.56.47-.65.83l-1.54,6.92c-.04.17-.04.36,0,.53.01.05.03.11.04.16.03.09.07.17.12.25.02.03.04.07.07.1l4.33,5.55s.04.05.06.07c.07.07.14.14.23.19.11.07.22.12.34.15.1.03.2.04.3.04h6.95s.08,0,.13,0c.06,0,.12-.02.18-.03.04-.01.08-.02.12-.04.03-.01.06-.02.09-.04.05-.02.09-.05.13-.08.11-.07.21-.16.29-.26l.13-.17,4.2-5.38c.08-.1.14-.22.19-.35.02-.05.03-.1.04-.16.04-.17.04-.36,0-.53l-1.55-6.92ZM18.17,14.16s-.05,0-.07-.02h0s0,0,0,0c-.03,0-.07-.01-.1-.02-.11-.04-.23-.08-.34-.13-.21-.09-.43-.15-.65-.2-.08,0-.15.03-.21.08-.05,0-.11-.02-.16-.03-.36,1.17-1.13,2.17-2.16,2.8h0c.02.06.04.11.06.16-.04.07-.05.15-.03.23.09.21.2.42.33.61.07.1.14.2.2.31.02.03.03.07.05.1.11.18.05.42-.13.53-.18.11-.41.05-.52-.13-.01-.02-.02-.04-.03-.07-.01-.03-.03-.07-.05-.1-.04-.12-.08-.23-.11-.35-.06-.22-.15-.44-.26-.65-.05-.06-.11-.11-.19-.12-.01-.02-.06-.11-.08-.15-1.11.43-2.35.43-3.46,0l-.09.16c-.06,0-.12.04-.16.08-.13.22-.23.45-.29.69-.03.12-.07.24-.11.35-.01.03-.03.07-.05.1h0c-.07.2-.28.31-.48.24-.2-.07-.3-.29-.23-.5,0-.02.02-.05.03-.07.01-.03.03-.08.05-.1.06-.11.13-.21.2-.31.13-.2.25-.41.34-.63,0-.08,0-.15-.03-.22l.07-.17c-1.03-.62-1.79-1.61-2.16-2.78l-.16.03c-.06-.05-.14-.07-.22-.08-.22.04-.44.11-.65.2-.11.05-.22.1-.34.13-.03,0-.07.02-.1.02,0,0,0,0,0,0h0c-.2.07-.41-.04-.47-.25s.04-.42.24-.49c.02,0,.05-.01.07-.02h0s.07-.02.1-.03c.12-.02.24-.03.36-.03.23-.02.45-.05.67-.11.06-.04.12-.1.16-.17l.16-.05c-.17-1.22.1-2.46.76-3.48l-.12-.11c0-.08-.03-.16-.08-.22-.17-.15-.36-.29-.56-.4-.11-.06-.21-.12-.31-.19-.02-.02-.05-.04-.08-.06h0c-.18-.14-.22-.39-.09-.57.07-.09.18-.14.3-.14.09,0,.19.04.26.1.03.02.06.05.08.07.09.09.17.17.25.27.15.17.32.33.51.47.07.04.15.04.22.02.04.03.09.07.13.1.66-.72,1.51-1.22,2.45-1.44.22-.05.45-.09.68-.11v-.16c.07-.05.11-.12.13-.2,0-.23,0-.47-.04-.7-.02-.12-.04-.24-.05-.37,0-.03,0-.07,0-.1,0,0,0,0,0-.01-.02-.21.13-.4.34-.43.21-.02.39.13.41.35,0,.03,0,.05,0,.08,0,.03,0,.08,0,.11-.01.12-.03.25-.05.37-.04.23-.05.47-.04.7.02.08.06.15.12.19,0,.03,0,.12,0,.17,1.18.11,2.29.66,3.11,1.55l.14-.11c.08.01.16,0,.23-.03.18-.14.35-.3.51-.47.08-.1.16-.18.25-.27.02-.02.06-.05.08-.07.15-.15.39-.15.53,0,.15.15.14.4,0,.55-.02.02-.04.04-.06.05-.02.02-.06.05-.08.07-.1.07-.2.13-.31.19-.2.12-.38.25-.56.4-.05.06-.08.14-.07.22-.02.02-.09.09-.13.12.66,1.02.94,2.26.78,3.47l.15.05c.04.07.09.13.16.17.22.06.44.1.67.11.12,0,.24.01.36.03.03,0,.08.02.11.03.21.03.35.22.32.43-.03.21-.22.36-.42.33Z' />
|
|
62
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M15.3,10.22l-1.46,1.35h0c-.14.13-.15.34-.03.49.04.05.1.09.16.1h0s1.9.57,1.9.57c.08-.88-.12-1.76-.56-2.51h0Z' />
|
|
63
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M12.29,14.34h0c-.09-.17-.29-.23-.45-.14-.06.03-.1.08-.13.14h0l-.95,1.77c.68.24,1.41.28,2.11.11.13-.03.26-.07.38-.11l-.95-1.78h0Z' />
|
|
64
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M13.71,13.34h0s-.05,0-.08,0c-.04,0-.09.01-.13.03-.16.08-.23.27-.16.44h0s.76,1.89.76,1.89c.72-.48,1.27-1.19,1.56-2.02l-1.95-.34h0Z' />
|
|
51
65
|
</svg>
|
|
52
66
|
)
|
|
53
67
|
break
|
|
@@ -61,8 +75,15 @@ const K8SIcon = ({
|
|
|
61
75
|
xmlns='http://www.w3.org/2000/svg'
|
|
62
76
|
className={className}
|
|
63
77
|
>
|
|
64
|
-
<path
|
|
65
|
-
<path
|
|
78
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M16.71,20.29h0c.29-.08.47-.39.39-.7-.03-.11-.09-.21-.17-.28h0s-2.45-2.27-2.45-2.27c-.75,1.25-1.07,2.73-.91,4.19l3.14-.93h0Z' />
|
|
79
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M18.14,17.74h0c.25.18.59.13.77-.13.06-.09.1-.2.11-.31h.01s.18-3.38.18-3.38c-.22.03-.45.07-.67.12-1.17.27-2.24.87-3.1,1.74l2.69,1.96h0Z' />
|
|
80
|
+
<polygon fill='none' className={`${filledClassName} ${strokeTransparent}`} points='19.09 21.28 20 21.73 20.9 21.28 21.12 20.28 20.5 19.47 19.49 19.47 18.87 20.27 19.09 21.28' />
|
|
81
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M20.97,17.29h0c.01.32.27.56.58.54.11,0,.21-.04.3-.11h.01s2.67-1.95,2.67-1.95c-1.02-1.02-2.33-1.68-3.74-1.86l.18,3.37h0Z' />
|
|
82
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M17.26,22.24s-.07,0-.11.01h0s-3.22.56-3.22.56c.48,1.38,1.4,2.56,2.59,3.35l1.25-3.11h-.01c.05-.12.06-.24.03-.36h0c-.06-.26-.27-.44-.53-.44Z' />
|
|
83
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M32.37,11.72c-.14-.6-.54-1.11-1.08-1.38l-10.43-5.13c-.55-.27-1.18-.27-1.73,0l-10.43,5.14c-.54.27-.94.78-1.08,1.38l-2.57,11.54c-.06.29-.06.59,0,.89.02.09.04.18.07.26.05.15.12.29.2.42.04.06.07.11.11.16l7.22,9.25s.07.08.1.11c.11.12.24.23.38.32.18.11.37.2.57.26.17.05.34.07.51.07h11.58c.07,0,.14,0,.21-.02.1-.01.2-.03.29-.06.07-.02.14-.04.2-.07.05-.02.1-.04.15-.07.08-.04.15-.08.22-.13.18-.12.34-.27.48-.44l.22-.28,7-8.97c.13-.17.24-.37.31-.58.03-.09.05-.17.07-.26.06-.29.06-.59,0-.88l-2.58-11.54ZM30.29,23.61s-.08-.01-.11-.03h0s0,0-.01,0c-.05-.01-.12-.02-.16-.04-.19-.06-.38-.14-.56-.22-.35-.15-.72-.26-1.09-.33-.13,0-.25.04-.35.13-.09-.02-.18-.03-.27-.05-.6,1.96-1.88,3.62-3.6,4.66h0c.03.09.06.18.1.26-.06.11-.08.25-.05.38.15.36.34.7.55,1.02.12.16.23.34.33.51.03.05.06.12.08.17.18.31.08.7-.22.89-.3.18-.68.08-.86-.22-.02-.04-.04-.07-.05-.11-.02-.05-.06-.12-.08-.16-.07-.19-.13-.39-.18-.59-.11-.37-.25-.74-.43-1.08-.08-.11-.19-.18-.32-.2-.02-.04-.09-.18-.13-.25-1.86.72-3.91.72-5.76-.01l-.14.26c-.1.02-.2.06-.27.14-.21.36-.38.75-.48,1.16-.05.2-.11.4-.18.59-.02.05-.05.11-.08.16h0c-.12.34-.47.51-.8.39-.33-.12-.5-.49-.38-.83.01-.04.03-.08.05-.12.02-.05.05-.13.08-.17.1-.18.21-.35.33-.51.22-.33.41-.68.57-1.05.02-.13,0-.25-.06-.36l.11-.28c-1.71-1.04-2.99-2.69-3.6-4.63l-.27.05c-.11-.08-.23-.12-.36-.13-.37.07-.74.18-1.09.33-.18.08-.37.16-.56.22-.05.01-.11.03-.16.04,0,0,0,0-.01,0h0c-.33.11-.68-.07-.79-.41s.07-.7.4-.82c.04-.01.08-.02.11-.03h.01c.05-.02.12-.04.17-.04.2-.03.4-.05.6-.05.38-.03.75-.09,1.12-.19.11-.07.2-.17.27-.28l.26-.08c-.28-2.03.17-4.1,1.27-5.8l-.2-.18c0-.13-.05-.26-.13-.37-.29-.25-.6-.48-.93-.67-.18-.09-.35-.2-.52-.31-.04-.03-.09-.07-.13-.11h0c-.3-.23-.36-.65-.15-.95.12-.15.31-.24.5-.23.16,0,.31.07.43.17.04.03.1.08.14.11.14.14.28.29.41.45.25.29.54.55.84.78.11.06.25.07.37.04.07.06.15.11.22.16,1.1-1.2,2.52-2.04,4.08-2.4.37-.09.75-.15,1.13-.18v-.27c.11-.09.18-.2.22-.33.01-.39-.01-.78-.07-1.17-.04-.2-.07-.41-.09-.61,0-.05,0-.11,0-.16,0,0,0-.01,0-.02-.04-.36.22-.67.56-.71.34-.04.65.22.69.58,0,.04,0,.09,0,.13,0,.06,0,.13,0,.18-.02.21-.05.41-.09.61-.06.39-.08.78-.07,1.17.03.13.1.25.2.32,0,.05.01.2.01.29,1.97.18,3.82,1.1,5.18,2.58l.24-.18c.13.02.26,0,.38-.04.3-.23.59-.5.84-.79.13-.16.27-.31.41-.45.04-.03.1-.08.14-.11.25-.25.64-.25.89,0,.24.25.24.66,0,.91-.03.03-.07.06-.1.09-.04.04-.1.08-.14.11-.17.11-.34.22-.52.31-.33.19-.64.42-.93.67-.08.1-.13.23-.12.36-.04.03-.16.14-.22.2,1.11,1.7,1.57,3.76,1.3,5.79l.25.08c.06.12.16.21.27.28.37.1.74.16,1.12.19.2,0,.4.02.6.05.05.01.13.03.18.04.34.05.58.37.54.72-.04.35-.36.6-.7.56Z' />
|
|
84
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M25.5,17.04l-2.44,2.25h0c-.23.21-.25.57-.05.81.07.08.16.14.27.17h0s3.16.95,3.16.95c.14-1.46-.19-2.93-.94-4.18h0Z' />
|
|
85
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M20.48,23.9h0c-.14-.28-.48-.38-.74-.23-.1.05-.17.13-.22.23h0l-1.58,2.95c1.13.4,2.36.46,3.52.19.22-.05.43-.11.63-.18l-1.59-2.96h-.01Z' />
|
|
86
|
+
<path fill='none' className={`${filledClassName} ${strokeTransparent}`} d='M22.84,22.23h0s-.08-.01-.13-.01c-.07,0-.15.02-.21.06-.27.13-.38.46-.27.74h0s1.26,3.15,1.26,3.15c1.21-.79,2.12-1.98,2.6-3.37l-3.25-.57h0Z' />
|
|
66
87
|
</svg>
|
|
67
88
|
)
|
|
68
89
|
break
|