teachable-design-system 0.1.3 → 0.1.4
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 +7 -0
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.esm.js +6 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/src/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/src/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/dist/src/components/Sidebar/Sidebar.d.ts +1 -1
- package/dist/src/components/Sidebar/Sidebar.d.ts.map +1 -1
- package/dist/src/index.d.ts +1 -1
- package/dist/src/index.d.ts.map +1 -1
- package/dist/src/types/Dropdown.types.d.ts +8 -0
- package/dist/src/types/Dropdown.types.d.ts.map +1 -0
- package/dist/src/types/Sidebar.types.d.ts +6 -0
- package/dist/src/types/Sidebar.types.d.ts.map +1 -0
- package/dist/src/types/index.d.ts +2 -0
- package/dist/src/types/index.d.ts.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/CheckBox/style.ts +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -3352,6 +3352,11 @@ function Dropdown({ size, options, onSelect, label, placeholder }) {
|
|
|
3352
3352
|
return (jsxs("div", { style: { position: 'relative' }, children: [jsx$1(StyledLabel, { children: label }), jsx$1(StyledDropDown, { onClick: () => setOpen((prev) => !prev), size: size, isOpen: open, children: jsxs(StyledBox, { children: [jsx$1(StyledText, { size: size, isOpen: open, children: selected ?? placeholder }), jsx$1(StyledIcon, { size: size, children: jsx$1("img", { src: arrowDownIcon, alt: "dropdown icon", style: { width: '100%', height: '100%' } }) })] }) }), open && (jsx$1(StyledOptions, { ref: ref, size: size, children: options?.map((option) => (jsx$1(StyledOption, { onClick: () => handleSelect(option), size: size, isSelected: option === selected, children: option }, option))) }))] }));
|
|
3353
3353
|
}
|
|
3354
3354
|
|
|
3355
|
+
({
|
|
3356
|
+
...typography.label.small,
|
|
3357
|
+
color: '#333',
|
|
3358
|
+
});
|
|
3359
|
+
|
|
3355
3360
|
styled.img `
|
|
3356
3361
|
width: 20px;
|
|
3357
3362
|
height: 20px;
|
|
@@ -3490,5 +3495,5 @@ styled.div `
|
|
|
3490
3495
|
}
|
|
3491
3496
|
`;
|
|
3492
3497
|
|
|
3493
|
-
export { Dropdown };
|
|
3498
|
+
export { Dropdown, colors, typography };
|
|
3494
3499
|
//# sourceMappingURL=index.esm.js.map
|