clio-design-system 0.2.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 +157 -124
- 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 +121 -88
- 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 };
|