teachable-design-system 0.1.6 → 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.esm.js
CHANGED
|
@@ -3359,23 +3359,23 @@ function Dropdown({ size, options, onSelect, label, placeholder }) {
|
|
|
3359
3359
|
|
|
3360
3360
|
styled.img `
|
|
3361
3361
|
width: 20px;
|
|
3362
|
-
|
|
3362
|
+
height: 20px;
|
|
3363
3363
|
transition: transform 0.3s ease;
|
|
3364
3364
|
transform: rotate(${props => (props.isOpen ? '0deg' : '90deg')});
|
|
3365
3365
|
`;
|
|
3366
3366
|
styled.div `
|
|
3367
3367
|
display: flex;
|
|
3368
3368
|
width: 240px;
|
|
3369
|
-
|
|
3369
|
+
height: 100vh;
|
|
3370
3370
|
padding: 16px;
|
|
3371
3371
|
flex-direction: column;
|
|
3372
3372
|
align-items: flex-start;
|
|
3373
3373
|
gap: 16px;
|
|
3374
|
-
|
|
3375
|
-
|
|
3374
|
+
|
|
3375
|
+
background: ${colors.background.white};
|
|
3376
3376
|
`;
|
|
3377
3377
|
styled.div `
|
|
3378
|
-
|
|
3378
|
+
width: 100%;
|
|
3379
3379
|
display: flex;
|
|
3380
3380
|
flex-direction: column;
|
|
3381
3381
|
align-items: flex-start;
|
|
@@ -3398,11 +3398,11 @@ styled.div `
|
|
|
3398
3398
|
background-color: ${colors.text.subtle};
|
|
3399
3399
|
border-radius: 4px;
|
|
3400
3400
|
}
|
|
3401
|
-
|
|
3401
|
+
|
|
3402
3402
|
::-webkit-scrollbar-thumb:hover {
|
|
3403
3403
|
background-color: ${colors.action["secondary-active"]};
|
|
3404
3404
|
}
|
|
3405
|
-
|
|
3405
|
+
|
|
3406
3406
|
::-webkit-scrollbar-thumb:active {
|
|
3407
3407
|
background-color: ${colors.action["primary-active"]};
|
|
3408
3408
|
}
|
|
@@ -3412,20 +3412,20 @@ styled.div `
|
|
|
3412
3412
|
align-items: center;
|
|
3413
3413
|
gap: 10px;
|
|
3414
3414
|
align-self: stretch;
|
|
3415
|
-
|
|
3415
|
+
|
|
3416
3416
|
`;
|
|
3417
3417
|
styled.div `
|
|
3418
|
-
|
|
3419
|
-
|
|
3418
|
+
display: flex;
|
|
3419
|
+
gap: 4px;
|
|
3420
3420
|
flex-direction: column;
|
|
3421
|
-
|
|
3421
|
+
|
|
3422
3422
|
`;
|
|
3423
3423
|
styled.div `
|
|
3424
3424
|
display: flex;
|
|
3425
3425
|
width: 147px;
|
|
3426
3426
|
align-items: center;
|
|
3427
3427
|
gap: 4px;
|
|
3428
|
-
|
|
3428
|
+
height: 26px;
|
|
3429
3429
|
user-select: none;
|
|
3430
3430
|
`;
|
|
3431
3431
|
styled.div `
|
|
@@ -3435,14 +3435,14 @@ styled.div `
|
|
|
3435
3435
|
align-items: flex-start;
|
|
3436
3436
|
gap: 8px;
|
|
3437
3437
|
align-self: stretch;
|
|
3438
|
-
|
|
3439
|
-
|
|
3440
|
-
|
|
3441
|
-
|
|
3438
|
+
width: 186px;
|
|
3439
|
+
|
|
3440
|
+
border-radius: 12px;
|
|
3441
|
+
background: ${colors.surface["gray-subtler"]};
|
|
3442
3442
|
`;
|
|
3443
3443
|
styled.p `
|
|
3444
3444
|
align-self: stretch;
|
|
3445
|
-
|
|
3445
|
+
|
|
3446
3446
|
color: ${colors.text.subtle};
|
|
3447
3447
|
|
|
3448
3448
|
font-family: ${typography.fontFamily.primary};
|