teachable-design-system 0.3.6 → 0.3.8
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 +2 -2
- package/dist/index.cjs.js +4 -4
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +4 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/types/assets/icons.d.ts +2 -2
- package/dist/types/assets/icons.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/assets/icons.ts +2 -2
- package/src/components/Dropdown/Dropdown.tsx +2 -2
- package/src/components/Sidebar/Sidebar.tsx +2 -2
|
@@ -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
|
|
3
|
-
export declare const
|
|
2
|
+
export declare const arrowUpIconBase64 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDEuNjY2OTlDMTQuNjAyMyAxLjY2Njk5IDE4LjMzMyA1LjM5NzY2IDE4LjMzMyAxMEMxOC4zMzMgMTQuNjAyNCAxNC42MDIzIDE4LjMzMyAxMCAxOC4zMzNDNS4zOTc2MyAxOC4zMzMgMS42NjY5OSAxNC42MDI0IDEuNjY2OTkgMTBDMS42NjY5OSA1LjM5NzY3IDUuMzk3NjIgMS42NjY5OSAxMCAxLjY2Njk5Wk0xMCAzQzYuMTM0MDEgMyAzIDYuMTM0MDQgMyAxMEMzIDEzLjg2NiA2LjEzNDAxIDE3IDEwIDE3QzEzLjg2NiAxNyAxNyAxMy44NjYgMTcgMTBDMTcgNi4xMzQwNCAxMy44NjYgMyAxMCAzWk05LjUzMzIgNy41MzMyQzkuNzkzNTYgNy4yNzI5IDEwLjIxNjIgNy4yNzI4NyAxMC40NzY2IDcuNTMzMkwxMy4zMDQ3IDEwLjM2MjNDMTMuNTY0OCAxMC42MjI3IDEzLjU2NDkgMTEuMDQ0NCAxMy4zMDQ3IDExLjMwNDdDMTMuMDQ0NCAxMS41NjUgMTIuNjIyNyAxMS41NjQ4IDEyLjM2MjMgMTEuMzA0N0wxMC4wMDQ5IDguOTQ3MjdMNy42NDc0NiAxMS4zMDQ3QzcuMzg3MTEgMTEuNTY0OSA2Ljk2NTM4IDExLjU2NSA2LjcwNTA4IDExLjMwNDdDNi40NDQ3NyAxMS4wNDQ0IDYuNDQ0ODcgMTAuNjIyNyA2LjcwNTA4IDEwLjM2MjNMOS41MzMyIDcuNTMzMloiIGZpbGw9IiMzMzM2M0QiLz4KPC9zdmc+Cg==";
|
|
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"}
|
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
|
-
export const
|
|
6
|
+
export const arrowDownIconBase64 = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNi40NDUyIDcuMDA0MTNDMTYuNzE4OSA3LjI1MDQyIDE2Ljc0MTEgNy42NzE5NCAxNi40OTQ4IDcuOTQ1NjNMMTAuNDk1NSAxNC42MTIzQzEwLjM2OTEgMTQuNzUyOCAxMC4xODg5IDE0LjgzMyA5Ljk5OTk0IDE0LjgzM0M5LjgxMDk1IDE0LjgzMyA5LjYzMDgzIDE0Ljc1MjggOS41MDQ0IDE0LjYxMjNMMy41MDQzOSA3Ljk0NTY2QzMuMjU4MDkgNy42NzE5OCAzLjI4MDI3IDcuMjUwNDYgMy41NTM5NSA3LjAwNDE1QzMuODI3NjIgNi43NTc4NCA0LjI0OTE1IDYuNzgwMDMgNC40OTU0NSA3LjA1MzdMOS45OTk5IDEzLjE2OThMMTUuNTAzNyA3LjA1MzczQzE1Ljc1IDYuNzgwMDQgMTYuMTcxNSA2Ljc1Nzg0IDE2LjQ0NTIgNy4wMDQxM1oiIGZpbGw9IiMzMzM2M0QiLz4KPC9zdmc+Cg==';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import {DropdownProps} from "../../types/Dropdown.types";
|
|
3
3
|
import {StyledBox, StyledDropDown, StyledText, StyledLabel, StyledIcon, StyledOptions, StyledOption} from "./style";
|
|
4
|
-
import
|
|
4
|
+
import { arrowDownIconBase64 } from '../../assets/icons';
|
|
5
5
|
|
|
6
6
|
export function Dropdown({size, options, onSelect, label, placeholder, width}: DropdownProps) {
|
|
7
7
|
const [open, setOpen] = React.useState(false);
|
|
@@ -39,7 +39,7 @@ export function Dropdown({size, options, onSelect, label, placeholder, width}: D
|
|
|
39
39
|
isOpen={open}
|
|
40
40
|
>{selected ?? placeholder}</StyledText>
|
|
41
41
|
<StyledIcon size={size}>
|
|
42
|
-
<img src={
|
|
42
|
+
<img src={arrowDownIconBase64} alt="dropdown icon" style={{width:'100%', height:'100%'}}/>
|
|
43
43
|
</StyledIcon>
|
|
44
44
|
</StyledBox>
|
|
45
45
|
</StyledDropDown>
|
|
@@ -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
|
|