teachable-design-system 0.1.3 → 0.1.5
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/src/components/Input/style.ts +1 -1
- package/src/components/TabBar/style.ts +2 -2
package/dist/index.cjs.js
CHANGED
|
@@ -3373,6 +3373,11 @@ function Dropdown({ size, options, onSelect, label, placeholder }) {
|
|
|
3373
3373
|
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))) }))] }));
|
|
3374
3374
|
}
|
|
3375
3375
|
|
|
3376
|
+
({
|
|
3377
|
+
...typography.label.small,
|
|
3378
|
+
color: '#333',
|
|
3379
|
+
});
|
|
3380
|
+
|
|
3376
3381
|
styled.img `
|
|
3377
3382
|
width: 20px;
|
|
3378
3383
|
height: 20px;
|
|
@@ -3512,4 +3517,6 @@ styled.div `
|
|
|
3512
3517
|
`;
|
|
3513
3518
|
|
|
3514
3519
|
exports.Dropdown = Dropdown;
|
|
3520
|
+
exports.colors = colors;
|
|
3521
|
+
exports.typography = typography;
|
|
3515
3522
|
//# sourceMappingURL=index.cjs.js.map
|