clio-design-system 0.3.0 → 0.4.0
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 +4 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +7 -7
- package/dist/index.d.ts +7 -7
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -143,7 +143,7 @@ interface DragHandleProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onDragS
|
|
|
143
143
|
* false, non-operable affordance in the meantime. Real keyboard reordering
|
|
144
144
|
* (e.g. Space to lift, arrow keys to move, a live region announcing the new
|
|
145
145
|
* position) needs actual reorder state to wire into, which belongs in the
|
|
146
|
-
* list that owns it (Sidebar/TopicRow/
|
|
146
|
+
* list that owns it (Sidebar/TopicRow/ConceptRow) — revisit this when those
|
|
147
147
|
* are built, not in this leaf component alone.
|
|
148
148
|
*/
|
|
149
149
|
declare function DragHandle({ onDragStart, title, style, ...rest }: DragHandleProps): react.JSX.Element;
|
|
@@ -208,18 +208,18 @@ interface TopicRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' |
|
|
|
208
208
|
*/
|
|
209
209
|
declare function TopicRow({ name, color, notesLabel, selected, onClick, onMenuClick, draggable, onDragStart, dense, style, ...rest }: TopicRowProps): react.JSX.Element;
|
|
210
210
|
|
|
211
|
-
interface
|
|
211
|
+
interface ConceptRowTag {
|
|
212
212
|
label: string;
|
|
213
213
|
color: string;
|
|
214
214
|
}
|
|
215
|
-
interface
|
|
215
|
+
interface ConceptRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'style'> {
|
|
216
216
|
title: string;
|
|
217
217
|
meta: string;
|
|
218
218
|
selected?: boolean;
|
|
219
219
|
showTopic?: boolean;
|
|
220
220
|
topicColor?: string;
|
|
221
221
|
topicName?: string;
|
|
222
|
-
tags?:
|
|
222
|
+
tags?: ConceptRowTag[];
|
|
223
223
|
onClick?: () => void;
|
|
224
224
|
onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
225
225
|
draggable?: boolean;
|
|
@@ -227,7 +227,7 @@ interface NoteRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' |
|
|
|
227
227
|
style?: CSSProperties;
|
|
228
228
|
}
|
|
229
229
|
/**
|
|
230
|
-
*
|
|
230
|
+
* ConceptRow — a single concept row in the concepts list (desktop sidebar
|
|
231
231
|
* column 2) / concepts screen (mobile). Optional topic dot+label (shown
|
|
232
232
|
* when listing across topics, e.g. tag-filtered results) and tag chips.
|
|
233
233
|
*
|
|
@@ -235,7 +235,7 @@ interface NoteRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' |
|
|
|
235
235
|
* handler on the outer row, since the row also hosts the drag handle and the
|
|
236
236
|
* ⋯ menu button as separate interactive controls.
|
|
237
237
|
*/
|
|
238
|
-
declare function
|
|
238
|
+
declare function ConceptRow({ title, meta, selected, showTopic, topicColor, topicName, tags, onClick, onMenuClick, draggable, onDragStart, style, ...rest }: ConceptRowProps): react.JSX.Element;
|
|
239
239
|
|
|
240
240
|
interface ContextMenuItem {
|
|
241
241
|
label?: string;
|
|
@@ -732,4 +732,4 @@ interface RateButtonsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'
|
|
|
732
732
|
*/
|
|
733
733
|
declare function RateButtons({ enabled, onAgain, onGood, onEasy, style, ...rest }: RateButtonsProps): react.JSX.Element;
|
|
734
734
|
|
|
735
|
-
export { AnnotationPanel, type AnnotationPanelProps, AnnotationToggle, type AnnotationToggleProps, Avatar, type AvatarProps, Badge, type BadgeProps, BottomSheet, type BottomSheetProps, Button, type ButtonProps, CardHeader, type CardHeaderProps, CardShell, type CardShellProps, CodeCard, type CodeCardProps, ColorSwatch, type ColorSwatchProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuSwatch, DragHandle, type DragHandleProps, EquationBlock, type EquationBlockProps, ExportRow, type ExportRowProps, FillBlankInput, type FillBlankInputProps, Flashcard, type FlashcardProps, IconButton, type IconButtonProps, ImageCard, type ImageCardProps, ImportExportModal, type ImportExportModalProps, type ImportExportTab, IntuitionCallout, type IntuitionCalloutProps, McqOption, type McqOptionProps, type NavTabId, NavTabs, type NavTabsProps,
|
|
735
|
+
export { AnnotationPanel, type AnnotationPanelProps, AnnotationToggle, type AnnotationToggleProps, Avatar, type AvatarProps, Badge, type BadgeProps, BottomSheet, type BottomSheetProps, Button, type ButtonProps, CardHeader, type CardHeaderProps, CardShell, type CardShellProps, CodeCard, type CodeCardProps, ColorSwatch, type ColorSwatchProps, ConceptRow, type ConceptRowProps, type ConceptRowTag, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuSwatch, DragHandle, type DragHandleProps, EquationBlock, type EquationBlockProps, ExportRow, type ExportRowProps, FillBlankInput, type FillBlankInputProps, Flashcard, type FlashcardProps, IconButton, type IconButtonProps, ImageCard, type ImageCardProps, ImportExportModal, type ImportExportModalProps, type ImportExportTab, IntuitionCallout, type IntuitionCalloutProps, McqOption, type McqOptionProps, type NavTabId, NavTabs, type NavTabsProps, QuizCard, type QuizCardProps, RateButtons, type RateButtonsProps, ReferencesCard, type ReferencesCardProps, RelatedCard, type RelatedCardItem, type RelatedCardProps, ScenarioBox, type ScenarioBoxProps, Sidebar, type SidebarProps, SolvedStatusButton, type SolvedStatusButtonProps, TableCard, type TableCardProps, TagChip, type TagChipProps, TextArea, type TextAreaProps, TextBlock, type TextBlockProps, TextInput, type TextInputProps, TocFab, type TocFabProps, type TocItem, TocRail, type TocRailProps, TocSheetList, type TocSheetListProps, TopicRow, type TopicRowProps, WalkthroughCard, type WalkthroughCardProps, type WalkthroughStep };
|
package/dist/index.d.ts
CHANGED
|
@@ -143,7 +143,7 @@ interface DragHandleProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'onDragS
|
|
|
143
143
|
* false, non-operable affordance in the meantime. Real keyboard reordering
|
|
144
144
|
* (e.g. Space to lift, arrow keys to move, a live region announcing the new
|
|
145
145
|
* position) needs actual reorder state to wire into, which belongs in the
|
|
146
|
-
* list that owns it (Sidebar/TopicRow/
|
|
146
|
+
* list that owns it (Sidebar/TopicRow/ConceptRow) — revisit this when those
|
|
147
147
|
* are built, not in this leaf component alone.
|
|
148
148
|
*/
|
|
149
149
|
declare function DragHandle({ onDragStart, title, style, ...rest }: DragHandleProps): react.JSX.Element;
|
|
@@ -208,18 +208,18 @@ interface TopicRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' |
|
|
|
208
208
|
*/
|
|
209
209
|
declare function TopicRow({ name, color, notesLabel, selected, onClick, onMenuClick, draggable, onDragStart, dense, style, ...rest }: TopicRowProps): react.JSX.Element;
|
|
210
210
|
|
|
211
|
-
interface
|
|
211
|
+
interface ConceptRowTag {
|
|
212
212
|
label: string;
|
|
213
213
|
color: string;
|
|
214
214
|
}
|
|
215
|
-
interface
|
|
215
|
+
interface ConceptRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' | 'style'> {
|
|
216
216
|
title: string;
|
|
217
217
|
meta: string;
|
|
218
218
|
selected?: boolean;
|
|
219
219
|
showTopic?: boolean;
|
|
220
220
|
topicColor?: string;
|
|
221
221
|
topicName?: string;
|
|
222
|
-
tags?:
|
|
222
|
+
tags?: ConceptRowTag[];
|
|
223
223
|
onClick?: () => void;
|
|
224
224
|
onMenuClick?: (event: MouseEvent<HTMLButtonElement>) => void;
|
|
225
225
|
draggable?: boolean;
|
|
@@ -227,7 +227,7 @@ interface NoteRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' |
|
|
|
227
227
|
style?: CSSProperties;
|
|
228
228
|
}
|
|
229
229
|
/**
|
|
230
|
-
*
|
|
230
|
+
* ConceptRow — a single concept row in the concepts list (desktop sidebar
|
|
231
231
|
* column 2) / concepts screen (mobile). Optional topic dot+label (shown
|
|
232
232
|
* when listing across topics, e.g. tag-filtered results) and tag chips.
|
|
233
233
|
*
|
|
@@ -235,7 +235,7 @@ interface NoteRowProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onClick' |
|
|
|
235
235
|
* handler on the outer row, since the row also hosts the drag handle and the
|
|
236
236
|
* ⋯ menu button as separate interactive controls.
|
|
237
237
|
*/
|
|
238
|
-
declare function
|
|
238
|
+
declare function ConceptRow({ title, meta, selected, showTopic, topicColor, topicName, tags, onClick, onMenuClick, draggable, onDragStart, style, ...rest }: ConceptRowProps): react.JSX.Element;
|
|
239
239
|
|
|
240
240
|
interface ContextMenuItem {
|
|
241
241
|
label?: string;
|
|
@@ -732,4 +732,4 @@ interface RateButtonsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style'
|
|
|
732
732
|
*/
|
|
733
733
|
declare function RateButtons({ enabled, onAgain, onGood, onEasy, style, ...rest }: RateButtonsProps): react.JSX.Element;
|
|
734
734
|
|
|
735
|
-
export { AnnotationPanel, type AnnotationPanelProps, AnnotationToggle, type AnnotationToggleProps, Avatar, type AvatarProps, Badge, type BadgeProps, BottomSheet, type BottomSheetProps, Button, type ButtonProps, CardHeader, type CardHeaderProps, CardShell, type CardShellProps, CodeCard, type CodeCardProps, ColorSwatch, type ColorSwatchProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuSwatch, DragHandle, type DragHandleProps, EquationBlock, type EquationBlockProps, ExportRow, type ExportRowProps, FillBlankInput, type FillBlankInputProps, Flashcard, type FlashcardProps, IconButton, type IconButtonProps, ImageCard, type ImageCardProps, ImportExportModal, type ImportExportModalProps, type ImportExportTab, IntuitionCallout, type IntuitionCalloutProps, McqOption, type McqOptionProps, type NavTabId, NavTabs, type NavTabsProps,
|
|
735
|
+
export { AnnotationPanel, type AnnotationPanelProps, AnnotationToggle, type AnnotationToggleProps, Avatar, type AvatarProps, Badge, type BadgeProps, BottomSheet, type BottomSheetProps, Button, type ButtonProps, CardHeader, type CardHeaderProps, CardShell, type CardShellProps, CodeCard, type CodeCardProps, ColorSwatch, type ColorSwatchProps, ConceptRow, type ConceptRowProps, type ConceptRowTag, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuSwatch, DragHandle, type DragHandleProps, EquationBlock, type EquationBlockProps, ExportRow, type ExportRowProps, FillBlankInput, type FillBlankInputProps, Flashcard, type FlashcardProps, IconButton, type IconButtonProps, ImageCard, type ImageCardProps, ImportExportModal, type ImportExportModalProps, type ImportExportTab, IntuitionCallout, type IntuitionCalloutProps, McqOption, type McqOptionProps, type NavTabId, NavTabs, type NavTabsProps, QuizCard, type QuizCardProps, RateButtons, type RateButtonsProps, ReferencesCard, type ReferencesCardProps, RelatedCard, type RelatedCardItem, type RelatedCardProps, ScenarioBox, type ScenarioBoxProps, Sidebar, type SidebarProps, SolvedStatusButton, type SolvedStatusButtonProps, TableCard, type TableCardProps, TagChip, type TagChipProps, TextArea, type TextAreaProps, TextBlock, type TextBlockProps, TextInput, type TextInputProps, TocFab, type TocFabProps, type TocItem, TocRail, type TocRailProps, TocSheetList, type TocSheetListProps, TopicRow, type TopicRowProps, WalkthroughCard, type WalkthroughCardProps, type WalkthroughStep };
|
package/dist/index.js
CHANGED
|
@@ -722,9 +722,9 @@ function TopicRow({
|
|
|
722
722
|
);
|
|
723
723
|
}
|
|
724
724
|
|
|
725
|
-
// src/components/
|
|
725
|
+
// src/components/ConceptRow/ConceptRow.tsx
|
|
726
726
|
import { jsx as jsx14, jsxs as jsxs6 } from "react/jsx-runtime";
|
|
727
|
-
function
|
|
727
|
+
function ConceptRow({
|
|
728
728
|
title,
|
|
729
729
|
meta,
|
|
730
730
|
selected = false,
|
|
@@ -2108,6 +2108,7 @@ export {
|
|
|
2108
2108
|
CardShell,
|
|
2109
2109
|
CodeCard,
|
|
2110
2110
|
ColorSwatch,
|
|
2111
|
+
ConceptRow,
|
|
2111
2112
|
ContextMenu,
|
|
2112
2113
|
DragHandle,
|
|
2113
2114
|
EquationBlock,
|
|
@@ -2120,7 +2121,6 @@ export {
|
|
|
2120
2121
|
IntuitionCallout,
|
|
2121
2122
|
McqOption,
|
|
2122
2123
|
NavTabs,
|
|
2123
|
-
NoteRow,
|
|
2124
2124
|
QuizCard,
|
|
2125
2125
|
RateButtons,
|
|
2126
2126
|
ReferencesCard,
|