teachable-design-system 0.3.7 → 0.3.9
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/icons.ts +1 -1
- package/dist/index.cjs.js +3 -3
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +3 -3
- package/dist/index.esm.js.map +1 -1
- package/dist/types/assets/icons.d.ts +1 -1
- package/dist/types/assets/icons.d.ts.map +1 -1
- package/dist/types/components/Dropdown/Dropdown 2.d.ts +3 -0
- package/dist/types/components/Dropdown/Dropdown 2.d.ts.map +1 -0
- package/package.json +1 -1
- package/src/assets/icons.ts +1 -1
- package/src/components/Dropdown/Dropdown 2.tsx +57 -0
- package/src/components/Input/style.ts +1 -1
- package/src/components/Sidebar/Sidebar.tsx +2 -2
- package/dist/assets/arrow-down.tsx +0 -3
- package/dist/types/assets/arrow-down.d.ts +0 -2
- package/dist/types/assets/arrow-down.d.ts.map +0 -1
- package/src/assets/arrow-down.tsx +0 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export declare const checkedIconBase64 = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASJSURBVHgB7ZtBTttAFIbfOHGalk0uUImqF2h3JVRtuEE5QWHXHSBB1R1mRyGosOsOegLoCQgCQndwg0bqBbIAmsSJp/MMbqAlnmdnPIns+TYg/JJYf+b3vHnvAWAwGAwGg8FgMBgiw8BwD7u8MseY9xZ/59w6cuuble2HxRsBbyhWn9Nu93OccKvcuMHbxxJ6Yadac5kOvs8Dgc+Verv4nHsL5i+vO5eKg1xkBBcVXnyYZh8WQkIVBF4yAgs/qHUpCSoMuZF7AQnl5Vfh0MjyKXQy6kmkB0brihyOLEyLthFzLLgTr4i681wpJZTIrIM260LTs3FpYQCbzQLSuZ3V/yuLEzrzUPqtuh8VkcgXyXHdXFsOANWTiIZkT8NHUysKDCfM/sEJuBghkSkDfuow7hNC1Vm29QYjLloBi111lIUkxgtbt1KsOEMmMgFhlEU+/OVkc1boBmRDQP+sCrBJCydYNyISAaF1ZzhfVugGpF5Bq3TzALMQg1QJSrStW385VffMCYpBqAanWfVyYcCAmqT3KFV8vVzwPpMUCC9h8S9L3CH99SvE8Jj2uySotFPKQQiiVFrQuk1RaKKTOwtRKy7DW7b9PylBRJI1Cqiys07r990sJuq0bQF6B2LkXDeYFDrDoVzREx17U1XZchTczDBTrMga11qna+yU/A6/dK7xB5285SHTsGfDdG9uMFmp/g9n5eVBMjhLkD9wA/zDgciX3tAy9X/UjGAE3RVJvT3yxRUno5/bxxgEohrQCGecVSYgzqpWI/Q3VRdIoqExjHHv64xfQCDpDZX8jDjQB85y09Bn3FgvTK/IjlAKSLJJGgSRg53jrAHcwSqzYXOZ0iJhkkTQKZAu37e6suCNazexWREx9IAGS6m/Egf4MrG03O3ZX3BCj7WRCREx9VIs4LtYNiHUSKUwt74lXvicFS0ZkI392GR8P4avPnyqobz4DDcTahTtn1Tng8I0UjCOyilYi2boWV54wDyJ2GoMicuA7pGB/zvjqvFjx5/FigV8AybpYaTmp1kATQ+WBbn0L54qJlQ0+6XV6h3FFxCFwyq5rKay0UCAd5cIQR7iaOMrhs7RCCC/xHn9nP3/zvds4IT8Tsb8hHhlfZXGi0rLUOt6ogUaUnERuc63EVqKu/kYclB3lkhKRWiTVbd2AoS18F9V2xpyPM0+ad47Cuv3PVozKlai7vxGHRJpKKKI4Oy/RolHE7vlEeeXF3b+Ou3X795AgRZH4eqJqTQxv2sBmcEZF5RB40iTeVIojoguwL119ojrUPq0mXiyQkXhfGJ9P2AkTv1LyvpIL/JzQ34Ak+htx0NJYRxG5WFlAE5GClkoLBa19YVEMwE4e7qyxCws6Ky0UtI52iB7yxbArUUeRNAraZ2NQRMvLv8SVBNEZG+sGjGy0wz9liESZEzYMZNysGzCy6azWj/UG83Iz1JU4btYNGOl4G1VEHAIfN+sGjHw+UCbisEPgSTMWA5Z3RLxXecHTBlpXVUMqCcZuPtDPFXPeJO9ZDTfm/24YDAaDwWAwGAwGg8FgSI4/sGgQo9TbTtsAAAAASUVORK5CYII=";
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const arrowUpIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuNjY2OTlDMTQuNjAyMyAxLjY2Njk5IDE4LjMzMyA1LjM5NzY2IDE4LjMzMyAxMEMxOC4zMzMgMTQuNjAyNCAxNC42MDIzIDE4LjMzMyAxMCAxOC4zMzNDNS4zOTc2MyAxOC4zMzMgMS42NjY5OSAxNC42MDI0IDEuNjY2OTkgMTBDMS42NjY5OSA1LjM5NzY3IDUuMzk3NjIgMS42NjY5OSAxMCAxLjY2Njk5Wk0xMCAzQzYuMTM0MDEgMyAzIDYuMTM0MDQgMyAxMEMzIDEzLjg2NiA2LjEzNDAxIDE3IDEwIDE3QzEzLjg2NiAxNyAxNyAxMy44NjYgMTcgMTBDMTcgNi4xMzQwNCAxMy44NjYgMyAxMCAzWk05LjUzMzIgNy41MzMyQzkuNzkzNTYgNy4yNzI5IDEwLjIxNjIgNy4yNzI4NyAxMC40NzY2IDcuNTMzMkwxMy4zMDQ3IDEwLjM2MjNDMTMuNTY0OCAxMC42MjI3IDEzLjU2NDkgMTEuMDQ0NCAxMy4zMDQ3IDExLjMwNDdDMTMuMDQ0NCAxMS41NjUgMTIuNjIyNyAxMS41NjQ4IDEyLjM2MjMgMTEuMzA0N0wxMC4wMDQ5IDguOTQ3MjdMNy42NDc0NiAxMS4zMDQ3QzcuMzg3MTEgMTEuNTY0OSA2Ljk2NTM4IDExLjU2NSA2LjcwNTA4IDExLjMwNDdDNi40NDQ3NyAxMS4wNDQ0IDYuNDQ0ODcgMTAuNjIyNyA2LjcwNTA4IDEwLjM2MjNMOS41MzMyIDcuNTMzMloiIGZpbGw9IiMzMzM2M0QiLz4KPC9zdmc+Cg==";
|
|
3
3
|
export declare const arrowDownIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40NDUyIDcuMDA0MTNDMTYuNzE4OSA3LjI1MDQyIDE2Ljc0MTEgNy42NzE5NCAxNi40OTQ4IDcuOTQ1NjNMMTAuNDk1NSAxNC42MTIzQzEwLjM2OTEgMTQuNzUyOCAxMC4xODg5IDE0LjgzMyA5Ljk5OTk0IDE0LjgzM0M5LjgxMDk1IDE0LjgzMyA5LjYzMDgzIDE0Ljc1MjggOS41MDQ0IDE0LjYxMjNMMy41MDQzOSA3Ljk0NTY2QzMuMjU4MDkgNy42NzE5OCAzLjI4MDI3IDcuMjUwNDYgMy41NTM5NSA3LjAwNDE1QzMuODI3NjIgNi43NTc4NCA0LjI0OTE1IDYuNzgwMDMgNC40OTU0NSA3LjA1MzdMOS45OTk5IDEzLjE2OThMMTUuNTAzNyA3LjA1MzczQzE1Ljc1IDYuNzgwMDQgMTYuMTcxNSA2Ljc1Nzg0IDE2LjQ0NTIgNy4wMDQxM1oiIGZpbGw9IiMzMzM2M0QiLz4KPC9zdmc+Cg==";
|
|
4
4
|
//# sourceMappingURL=icons.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/assets/icons.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,wrDAAwrD,CAAC;AAEvtD,eAAO,MAAM,
|
|
1
|
+
{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/assets/icons.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,iBAAiB,wrDAAwrD,CAAC;AAEvtD,eAAO,MAAM,iBAAiB,++BAA++B,CAAC;AAE9gC,eAAO,MAAM,mBAAmB,uuBAAuuB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dropdown 2.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown 2.tsx"],"names":[],"mappings":"AACA,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AAIzD,wBAAgB,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,WAAW,EAAE,KAAK,EAAC,EAAE,aAAa,2CAmD3F"}
|
package/package.json
CHANGED
package/src/assets/icons.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
// Auto-generated base64 encoded icons
|
|
2
2
|
export const checkedIconBase64 = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAACxLAAAsSwGlPZapAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASJSURBVHgB7ZtBTttAFIbfOHGalk0uUImqF2h3JVRtuEE5QWHXHSBB1R1mRyGosOsOegLoCQgCQndwg0bqBbIAmsSJp/MMbqAlnmdnPIns+TYg/JJYf+b3vHnvAWAwGAwGg8FgMBgiw8BwD7u8MseY9xZ/59w6cuuble2HxRsBbyhWn9Nu93OccKvcuMHbxxJ6Yadac5kOvs8Dgc+Verv4nHsL5i+vO5eKg1xkBBcVXnyYZh8WQkIVBF4yAgs/qHUpCSoMuZF7AQnl5Vfh0MjyKXQy6kmkB0brihyOLEyLthFzLLgTr4i681wpJZTIrIM260LTs3FpYQCbzQLSuZ3V/yuLEzrzUPqtuh8VkcgXyXHdXFsOANWTiIZkT8NHUysKDCfM/sEJuBghkSkDfuow7hNC1Vm29QYjLloBi111lIUkxgtbt1KsOEMmMgFhlEU+/OVkc1boBmRDQP+sCrBJCydYNyISAaF1ZzhfVugGpF5Bq3TzALMQg1QJSrStW385VffMCYpBqAanWfVyYcCAmqT3KFV8vVzwPpMUCC9h8S9L3CH99SvE8Jj2uySotFPKQQiiVFrQuk1RaKKTOwtRKy7DW7b9PylBRJI1Cqiys07r990sJuq0bQF6B2LkXDeYFDrDoVzREx17U1XZchTczDBTrMga11qna+yU/A6/dK7xB5285SHTsGfDdG9uMFmp/g9n5eVBMjhLkD9wA/zDgciX3tAy9X/UjGAE3RVJvT3yxRUno5/bxxgEohrQCGecVSYgzqpWI/Q3VRdIoqExjHHv64xfQCDpDZX8jDjQB85y09Bn3FgvTK/IjlAKSLJJGgSRg53jrAHcwSqzYXOZ0iJhkkTQKZAu37e6suCNazexWREx9IAGS6m/Egf4MrG03O3ZX3BCj7WRCREx9VIs4LtYNiHUSKUwt74lXvicFS0ZkI392GR8P4avPnyqobz4DDcTahTtn1Tng8I0UjCOyilYi2boWV54wDyJ2GoMicuA7pGB/zvjqvFjx5/FigV8AybpYaTmp1kATQ+WBbn0L54qJlQ0+6XV6h3FFxCFwyq5rKay0UCAd5cIQR7iaOMrhs7RCCC/xHn9nP3/zvds4IT8Tsb8hHhlfZXGi0rLUOt6ogUaUnERuc63EVqKu/kYclB3lkhKRWiTVbd2AoS18F9V2xpyPM0+ad47Cuv3PVozKlai7vxGHRJpKKKI4Oy/RolHE7vlEeeXF3b+Ou3X795AgRZH4eqJqTQxv2sBmcEZF5RB40iTeVIojoguwL119ojrUPq0mXiyQkXhfGJ9P2AkTv1LyvpIL/JzQ34Ak+htx0NJYRxG5WFlAE5GClkoLBa19YVEMwE4e7qyxCws6Ky0UtI52iB7yxbArUUeRNAraZ2NQRMvLv8SVBNEZG+sGjGy0wz9liESZEzYMZNysGzCy6azWj/UG83Iz1JU4btYNGOl4G1VEHAIfN+sGjHw+UCbisEPgSTMWA5Z3RLxXecHTBlpXVUMqCcZuPtDPFXPeJO9ZDTfm/24YDAaDwWAwGAwGg8FgSI4/sGgQo9TbTtsAAAAASUVORK5CYII=';
|
|
3
3
|
|
|
4
|
-
export const
|
|
4
|
+
export const arrowUpIconBase64 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuNjY2OTlDMTQuNjAyMyAxLjY2Njk5IDE4LjMzMyA1LjM5NzY2IDE4LjMzMyAxMEMxOC4zMzMgMTQuNjAyNCAxNC42MDIzIDE4LjMzMyAxMCAxOC4zMzNDNS4zOTc2MyAxOC4zMzMgMS42NjY5OSAxNC42MDI0IDEuNjY2OTkgMTBDMS42NjY5OSA1LjM5NzY3IDUuMzk3NjIgMS42NjY5OSAxMCAxLjY2Njk5Wk0xMCAzQzYuMTM0MDEgMyAzIDYuMTM0MDQgMyAxMEMzIDEzLjg2NiA2LjEzNDAxIDE3IDEwIDE3QzEzLjg2NiAxNyAxNyAxMy44NjYgMTcgMTBDMTcgNi4xMzQwNCAxMy44NjYgMyAxMCAzWk05LjUzMzIgNy41MzMyQzkuNzkzNTYgNy4yNzI5IDEwLjIxNjIgNy4yNzI4NyAxMC40NzY2IDcuNTMzMkwxMy4zMDQ3IDEwLjM2MjNDMTMuNTY0OCAxMC42MjI3IDEzLjU2NDkgMTEuMDQ0NCAxMy4zMDQ3IDExLjMwNDdDMTMuMDQ0NCAxMS41NjUgMTIuNjIyNyAxMS41NjQ4IDEyLjM2MjMgMTEuMzA0N0wxMC4wMDQ5IDguOTQ3MjdMNy42NDc0NiAxMS4zMDQ3QzcuMzg3MTEgMTEuNTY0OSA2Ljk2NTM4IDExLjU2NSA2LjcwNTA4IDExLjMwNDdDNi40NDQ3NyAxMS4wNDQ0IDYuNDQ0ODcgMTAuNjIyNyA2LjcwNTA4IDEwLjM2MjNMOS41MzMyIDcuNTMzMloiIGZpbGw9IiMzMzM2M0QiLz4KPC9zdmc+Cg==';
|
|
5
5
|
|
|
6
6
|
export const arrowDownIconBase64 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40NDUyIDcuMDA0MTNDMTYuNzE4OSA3LjI1MDQyIDE2Ljc0MTEgNy42NzE5NCAxNi40OTQ4IDcuOTQ1NjNMMTAuNDk1NSAxNC42MTIzQzEwLjM2OTEgMTQuNzUyOCAxMC4xODg5IDE0LjgzMyA5Ljk5OTk0IDE0LjgzM0M5LjgxMDk1IDE0LjgzMyA5LjYzMDgzIDE0Ljc1MjggOS41MDQ0IDE0LjYxMjNMMy41MDQzOSA3Ljk0NTY2QzMuMjU4MDkgNy42NzE5OCAzLjI4MDI3IDcuMjUwNDYgMy41NTM5NSA3LjAwNDE1QzMuODI3NjIgNi43NTc4NCA0LjI0OTE1IDYuNzgwMDMgNC40OTU0NSA3LjA1MzdMOS45OTk5IDEzLjE2OThMMTUuNTAzNyA3LjA1MzczQzE1Ljc1IDYuNzgwMDQgMTYuMTcxNSA2Ljc1Nzg0IDE2LjQ0NTIgNy4wMDQxM1oiIGZpbGw9IiMzMzM2M0QiLz4KPC9zdmc+Cg==';
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import {DropdownProps} from "../../types/Dropdown.types";
|
|
3
|
+
import {StyledBox, StyledDropDown, StyledText, StyledLabel, StyledIcon, StyledOptions, StyledOption} from "./style";
|
|
4
|
+
import { arrowDownIconBase64 } from '../../assets/icons';
|
|
5
|
+
|
|
6
|
+
export function Dropdown({size, options, onSelect, label, placeholder, width}: DropdownProps) {
|
|
7
|
+
const [open, setOpen] = React.useState(false);
|
|
8
|
+
const [selected, setSelected] = React.useState<string | null>(null);
|
|
9
|
+
const ref = React.useRef<HTMLDivElement>(null);
|
|
10
|
+
|
|
11
|
+
React.useEffect(() => {
|
|
12
|
+
const handleClickOutside = (e: MouseEvent) => {
|
|
13
|
+
if (ref.current && !ref.current.contains(e.target as Node)) {
|
|
14
|
+
setOpen(false);
|
|
15
|
+
}
|
|
16
|
+
};
|
|
17
|
+
document.addEventListener("mousedown", handleClickOutside);
|
|
18
|
+
return () => document.removeEventListener("mousedown", handleClickOutside);
|
|
19
|
+
}, []);
|
|
20
|
+
|
|
21
|
+
const handleSelect = (option: string) => {
|
|
22
|
+
setSelected(option);
|
|
23
|
+
onSelect?.(option);
|
|
24
|
+
setOpen(false);
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
return (
|
|
29
|
+
<div style={{position: 'relative'}}>
|
|
30
|
+
<StyledLabel>{label}</StyledLabel>
|
|
31
|
+
<StyledDropDown onClick={() => setOpen((prev) => !prev)}
|
|
32
|
+
size={size}
|
|
33
|
+
width={width}
|
|
34
|
+
isOpen={open}
|
|
35
|
+
>
|
|
36
|
+
<StyledBox>
|
|
37
|
+
<StyledText
|
|
38
|
+
size={size}
|
|
39
|
+
isOpen={open}
|
|
40
|
+
>{selected ?? placeholder}</StyledText>
|
|
41
|
+
<StyledIcon size={size}>
|
|
42
|
+
<img src={arrowDownIconBase64} alt="dropdown icon" style={{width:'100%', height:'100%'}}/>
|
|
43
|
+
</StyledIcon>
|
|
44
|
+
</StyledBox>
|
|
45
|
+
</StyledDropDown>
|
|
46
|
+
{open && (
|
|
47
|
+
<StyledOptions ref={ref} size={size}>
|
|
48
|
+
{options?.map((option) => (
|
|
49
|
+
<StyledOption key={option} onClick={() => handleSelect(option)} size={size} isSelected={option === selected}>
|
|
50
|
+
{option}
|
|
51
|
+
</StyledOption>
|
|
52
|
+
))}
|
|
53
|
+
</StyledOptions>
|
|
54
|
+
)}
|
|
55
|
+
</div>
|
|
56
|
+
)
|
|
57
|
+
}
|
|
@@ -81,7 +81,7 @@ export const StyledInput = styled.input<StyledInputProps>`
|
|
|
81
81
|
padding: ${(props) => (props.isPassword ? "0px 48px 0px 16px" : "0px 16px")};
|
|
82
82
|
font-family: ${typography.fontFamily.primary};
|
|
83
83
|
border: 1px solid ${colors.input.border};
|
|
84
|
-
border-radius:
|
|
84
|
+
border-radius: 8px;
|
|
85
85
|
outline: none;
|
|
86
86
|
transition: all 0.2s ease;
|
|
87
87
|
background-color: ${(props) =>
|
|
@@ -10,7 +10,7 @@ import {
|
|
|
10
10
|
} from './style'
|
|
11
11
|
import { Button } from "../Button/Button";
|
|
12
12
|
import {SidebarProps} from "../../types/Sidebar.types";
|
|
13
|
-
import {
|
|
13
|
+
import { arrowUpIconBase64 } from "../../assets/icons"
|
|
14
14
|
|
|
15
15
|
export function Sidebar({buttonStyle, description, title}: SidebarProps) {
|
|
16
16
|
|
|
@@ -30,7 +30,7 @@ export function Sidebar({buttonStyle, description, title}: SidebarProps) {
|
|
|
30
30
|
{title.map((item, index) => (
|
|
31
31
|
<StyledDisclosure>
|
|
32
32
|
<StyledTitle onClick={() => toggleSection(index)} style={{ cursor: 'pointer' }}>
|
|
33
|
-
<StyledIcon src={
|
|
33
|
+
<StyledIcon src={arrowUpIconBase64} alt="icon" isOpen={openSections[index]} />
|
|
34
34
|
{item}
|
|
35
35
|
</StyledTitle>
|
|
36
36
|
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4452 7.00413C16.7189 7.25042 16.7411 7.67194 16.4948 7.94563L10.4955 14.6123C10.3691 14.7528 10.1889 14.833 9.99994 14.833C9.81095 14.833 9.63083 14.7528 9.5044 14.6123L3.50439 7.94566C3.25809 7.67198 3.28027 7.25046 3.55395 7.00415C3.82762 6.75784 4.24915 6.78003 4.49545 7.0537L9.9999 13.1698L15.5037 7.05373C15.75 6.78004 16.1715 6.75784 16.4452 7.00413Z" fill="#33363D"/>
|
|
3
|
-
</svg>
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"arrow-down.d.ts","sourceRoot":"","sources":["../../../src/assets/arrow-down.tsx"],"names":[],"mappings":""}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<path fill-rule="evenodd" clip-rule="evenodd" d="M16.4452 7.00413C16.7189 7.25042 16.7411 7.67194 16.4948 7.94563L10.4955 14.6123C10.3691 14.7528 10.1889 14.833 9.99994 14.833C9.81095 14.833 9.63083 14.7528 9.5044 14.6123L3.50439 7.94566C3.25809 7.67198 3.28027 7.25046 3.55395 7.00415C3.82762 6.75784 4.24915 6.78003 4.49545 7.0537L9.9999 13.1698L15.5037 7.05373C15.75 6.78004 16.1715 6.75784 16.4452 7.00413Z" fill="#33363D"/>
|
|
3
|
-
</svg>
|