@optilogic/core 1.0.0-beta.1 → 1.0.0-beta.3
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/README.md +10 -7
- package/dist/index.cjs +401 -11
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +209 -3
- package/dist/index.d.ts +209 -3
- package/dist/index.js +392 -12
- package/dist/index.js.map +1 -1
- package/dist/styles.css +61 -0
- package/package.json +7 -43
- package/src/components/card.tsx +656 -12
- package/src/index.ts +20 -0
- package/src/styles.css +61 -0
package/src/index.ts
CHANGED
|
@@ -108,18 +108,38 @@ export {
|
|
|
108
108
|
|
|
109
109
|
// Layout components
|
|
110
110
|
export {
|
|
111
|
+
// Core card components
|
|
111
112
|
Card,
|
|
112
113
|
CardHeader,
|
|
113
114
|
CardFooter,
|
|
114
115
|
CardTitle,
|
|
115
116
|
CardDescription,
|
|
116
117
|
CardContent,
|
|
118
|
+
// New card components
|
|
119
|
+
CardImage,
|
|
120
|
+
CardActions,
|
|
121
|
+
SelectableCard,
|
|
122
|
+
CardGrid,
|
|
123
|
+
CardList,
|
|
124
|
+
// Variants (for advanced customization)
|
|
125
|
+
cardVariants,
|
|
126
|
+
cardImageVariants,
|
|
127
|
+
cardActionsVariants,
|
|
128
|
+
cardGridVariants,
|
|
129
|
+
cardListVariants,
|
|
130
|
+
// Core types
|
|
117
131
|
type CardProps,
|
|
118
132
|
type CardHeaderProps,
|
|
119
133
|
type CardTitleProps,
|
|
120
134
|
type CardDescriptionProps,
|
|
121
135
|
type CardContentProps,
|
|
122
136
|
type CardFooterProps,
|
|
137
|
+
// New types
|
|
138
|
+
type CardImageProps,
|
|
139
|
+
type CardActionsProps,
|
|
140
|
+
type SelectableCardProps,
|
|
141
|
+
type CardGridProps,
|
|
142
|
+
type CardListProps,
|
|
123
143
|
} from "./components/card";
|
|
124
144
|
|
|
125
145
|
export {
|
package/src/styles.css
CHANGED
|
@@ -94,3 +94,64 @@
|
|
|
94
94
|
@apply bg-background text-foreground;
|
|
95
95
|
}
|
|
96
96
|
}
|
|
97
|
+
|
|
98
|
+
@layer utilities {
|
|
99
|
+
/* Thin scrollbar - apply per-element
|
|
100
|
+
* Uses theme variables for automatic theme matching:
|
|
101
|
+
* - Track: transparent (blends with background)
|
|
102
|
+
* - Thumb: muted-foreground with transparency
|
|
103
|
+
*/
|
|
104
|
+
.scrollbar-thin {
|
|
105
|
+
scrollbar-width: thin;
|
|
106
|
+
scrollbar-color: hsl(var(--muted-foreground) / 0.3) transparent;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.scrollbar-thin::-webkit-scrollbar {
|
|
110
|
+
width: 8px;
|
|
111
|
+
height: 8px;
|
|
112
|
+
}
|
|
113
|
+
|
|
114
|
+
.scrollbar-thin::-webkit-scrollbar-track {
|
|
115
|
+
background: transparent;
|
|
116
|
+
border-radius: 4px;
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
.scrollbar-thin::-webkit-scrollbar-thumb {
|
|
120
|
+
background: hsl(var(--muted-foreground) / 0.3);
|
|
121
|
+
border-radius: 4px;
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
.scrollbar-thin::-webkit-scrollbar-thumb:hover {
|
|
125
|
+
background: hsl(var(--muted-foreground) / 0.5);
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* Global thin scrollbar - apply to html/body to style all descendants */
|
|
129
|
+
.scrollbar-thin-all,
|
|
130
|
+
.scrollbar-thin-all * {
|
|
131
|
+
scrollbar-width: thin;
|
|
132
|
+
scrollbar-color: hsl(var(--muted-foreground) / 0.3) transparent;
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.scrollbar-thin-all ::-webkit-scrollbar,
|
|
136
|
+
.scrollbar-thin-all::-webkit-scrollbar {
|
|
137
|
+
width: 8px;
|
|
138
|
+
height: 8px;
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
.scrollbar-thin-all ::-webkit-scrollbar-track,
|
|
142
|
+
.scrollbar-thin-all::-webkit-scrollbar-track {
|
|
143
|
+
background: transparent;
|
|
144
|
+
border-radius: 4px;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.scrollbar-thin-all ::-webkit-scrollbar-thumb,
|
|
148
|
+
.scrollbar-thin-all::-webkit-scrollbar-thumb {
|
|
149
|
+
background: hsl(var(--muted-foreground) / 0.3);
|
|
150
|
+
border-radius: 4px;
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
.scrollbar-thin-all ::-webkit-scrollbar-thumb:hover,
|
|
154
|
+
.scrollbar-thin-all::-webkit-scrollbar-thumb:hover {
|
|
155
|
+
background: hsl(var(--muted-foreground) / 0.5);
|
|
156
|
+
}
|
|
157
|
+
}
|