teachable-design-system 0.1.7 → 0.1.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/index.cjs.js +17 -17
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +17 -17
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/src/types/Sidebar.types.d.ts +1 -1
- package/dist/src/types/Sidebar.types.d.ts.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/Sidebar/Sidebar.stories.tsx +4 -6
- package/src/components/Sidebar/Sidebar.tsx +13 -3
- package/src/components/Sidebar/style.ts +17 -17
- package/src/types/Sidebar.types.ts +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -3380,23 +3380,23 @@ function Dropdown({ size, options, onSelect, label, placeholder }) {
|
|
|
3380
3380
|
|
|
3381
3381
|
styled.img `
|
|
3382
3382
|
width: 20px;
|
|
3383
|
-
|
|
3383
|
+
height: 20px;
|
|
3384
3384
|
transition: transform 0.3s ease;
|
|
3385
3385
|
transform: rotate(${props => (props.isOpen ? '0deg' : '90deg')});
|
|
3386
3386
|
`;
|
|
3387
3387
|
styled.div `
|
|
3388
3388
|
display: flex;
|
|
3389
3389
|
width: 240px;
|
|
3390
|
-
|
|
3390
|
+
height: 100vh;
|
|
3391
3391
|
padding: 16px;
|
|
3392
3392
|
flex-direction: column;
|
|
3393
3393
|
align-items: flex-start;
|
|
3394
3394
|
gap: 16px;
|
|
3395
|
-
|
|
3396
|
-
|
|
3395
|
+
|
|
3396
|
+
background: ${colors.background.white};
|
|
3397
3397
|
`;
|
|
3398
3398
|
styled.div `
|
|
3399
|
-
|
|
3399
|
+
width: 100%;
|
|
3400
3400
|
display: flex;
|
|
3401
3401
|
flex-direction: column;
|
|
3402
3402
|
align-items: flex-start;
|
|
@@ -3419,11 +3419,11 @@ styled.div `
|
|
|
3419
3419
|
background-color: ${colors.text.subtle};
|
|
3420
3420
|
border-radius: 4px;
|
|
3421
3421
|
}
|
|
3422
|
-
|
|
3422
|
+
|
|
3423
3423
|
::-webkit-scrollbar-thumb:hover {
|
|
3424
3424
|
background-color: ${colors.action["secondary-active"]};
|
|
3425
3425
|
}
|
|
3426
|
-
|
|
3426
|
+
|
|
3427
3427
|
::-webkit-scrollbar-thumb:active {
|
|
3428
3428
|
background-color: ${colors.action["primary-active"]};
|
|
3429
3429
|
}
|
|
@@ -3433,20 +3433,20 @@ styled.div `
|
|
|
3433
3433
|
align-items: center;
|
|
3434
3434
|
gap: 10px;
|
|
3435
3435
|
align-self: stretch;
|
|
3436
|
-
|
|
3436
|
+
|
|
3437
3437
|
`;
|
|
3438
3438
|
styled.div `
|
|
3439
|
-
|
|
3440
|
-
|
|
3439
|
+
display: flex;
|
|
3440
|
+
gap: 4px;
|
|
3441
3441
|
flex-direction: column;
|
|
3442
|
-
|
|
3442
|
+
|
|
3443
3443
|
`;
|
|
3444
3444
|
styled.div `
|
|
3445
3445
|
display: flex;
|
|
3446
3446
|
width: 147px;
|
|
3447
3447
|
align-items: center;
|
|
3448
3448
|
gap: 4px;
|
|
3449
|
-
|
|
3449
|
+
height: 26px;
|
|
3450
3450
|
user-select: none;
|
|
3451
3451
|
`;
|
|
3452
3452
|
styled.div `
|
|
@@ -3456,14 +3456,14 @@ styled.div `
|
|
|
3456
3456
|
align-items: flex-start;
|
|
3457
3457
|
gap: 8px;
|
|
3458
3458
|
align-self: stretch;
|
|
3459
|
-
|
|
3460
|
-
|
|
3461
|
-
|
|
3462
|
-
|
|
3459
|
+
width: 186px;
|
|
3460
|
+
|
|
3461
|
+
border-radius: 12px;
|
|
3462
|
+
background: ${colors.surface["gray-subtler"]};
|
|
3463
3463
|
`;
|
|
3464
3464
|
styled.p `
|
|
3465
3465
|
align-self: stretch;
|
|
3466
|
-
|
|
3466
|
+
|
|
3467
3467
|
color: ${colors.text.subtle};
|
|
3468
3468
|
|
|
3469
3469
|
font-family: ${typography.fontFamily.primary};
|