@neoptocom/neopto-ui 0.10.0 → 0.10.1
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/styles.css +62 -0
- package/package.json +1 -1
package/dist/styles.css
CHANGED
|
@@ -111,3 +111,65 @@
|
|
|
111
111
|
-webkit-font-smoothing: antialiased;
|
|
112
112
|
color: inherit;
|
|
113
113
|
}
|
|
114
|
+
|
|
115
|
+
/* Unified Scrollbar Styles */
|
|
116
|
+
:root {
|
|
117
|
+
--scrollbar-width: 6px;
|
|
118
|
+
--scrollbar-thumb: #797980;
|
|
119
|
+
--scrollbar-thumb-hover: #9C9C9C;
|
|
120
|
+
--scrollbar-track: transparent;
|
|
121
|
+
}
|
|
122
|
+
|
|
123
|
+
.dark {
|
|
124
|
+
--scrollbar-thumb: #4b4d59;
|
|
125
|
+
--scrollbar-thumb-hover: #797980;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
/* Default scrollbar - applies to most scrollable containers */
|
|
129
|
+
* {
|
|
130
|
+
scrollbar-width: thin;
|
|
131
|
+
scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
*::-webkit-scrollbar {
|
|
135
|
+
width: var(--scrollbar-width);
|
|
136
|
+
height: var(--scrollbar-width);
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
*::-webkit-scrollbar-track {
|
|
140
|
+
background: var(--scrollbar-track);
|
|
141
|
+
border-radius: 1rem;
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
*::-webkit-scrollbar-thumb {
|
|
145
|
+
background: var(--scrollbar-thumb);
|
|
146
|
+
border-radius: 1rem;
|
|
147
|
+
border: 2px solid transparent;
|
|
148
|
+
background-clip: padding-box;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
*::-webkit-scrollbar-thumb:hover {
|
|
152
|
+
background: var(--scrollbar-thumb-hover);
|
|
153
|
+
background-clip: padding-box;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
/* Scrollbar width variants */
|
|
157
|
+
.scrollbar-thin::-webkit-scrollbar {
|
|
158
|
+
width: 6px;
|
|
159
|
+
height: 6px;
|
|
160
|
+
}
|
|
161
|
+
|
|
162
|
+
.scrollbar-medium::-webkit-scrollbar {
|
|
163
|
+
width: 8px;
|
|
164
|
+
height: 8px;
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
/* Hide scrollbar utility */
|
|
168
|
+
.hide-scrollbar {
|
|
169
|
+
scrollbar-width: none;
|
|
170
|
+
-ms-overflow-style: none;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
.hide-scrollbar::-webkit-scrollbar {
|
|
174
|
+
display: none;
|
|
175
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neoptocom/neopto-ui",
|
|
3
|
-
"version": "0.10.
|
|
3
|
+
"version": "0.10.1",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "A modern React component library built with Tailwind CSS v4 and TypeScript. Features dark mode, design tokens, and comprehensive Storybook documentation. Requires Tailwind v4+.",
|
|
6
6
|
"keywords": [
|