teachable-design-system 0.3.7 → 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 +1 -1
- package/dist/index.cjs.js +2 -2
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +2 -2
- 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/package.json +1 -1
- package/src/assets/icons.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"}
|
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==';
|
|
@@ -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>
|