@brainfish-ai/components 0.13.0-rc.2 → 0.13.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/esm/index.css +1 -1
- package/dist/stats.html +1 -1
- package/package.json +1 -1
- package/tailwind.config.js +42 -13
package/package.json
CHANGED
package/tailwind.config.js
CHANGED
|
@@ -134,67 +134,96 @@ module.exports = {
|
|
|
134
134
|
});
|
|
135
135
|
}),
|
|
136
136
|
plugin(function ({ addUtilities }) {
|
|
137
|
-
|
|
138
|
-
const
|
|
139
|
-
const hexValue = borderColor.replace('#', '');
|
|
137
|
+
const lightColor = (dark[900] || '#171717').replace('#', ''); // dark[900]
|
|
138
|
+
const darkColor = 'D4D4D4'; // white for dark mode
|
|
140
139
|
|
|
141
140
|
addUtilities({
|
|
142
|
-
// Original full border
|
|
141
|
+
// Original full border with theme variants
|
|
143
142
|
'.custom-dashed-border': {
|
|
144
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23${
|
|
143
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
145
144
|
'border': 'none',
|
|
146
145
|
'box-shadow': 'none',
|
|
147
146
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
148
147
|
},
|
|
148
|
+
'.dark .custom-dashed-border': {
|
|
149
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
150
|
+
},
|
|
151
|
+
|
|
149
152
|
'.custom-dashed-border-hover': {
|
|
150
153
|
'background-image': 'none',
|
|
151
154
|
'border': '1px solid rgb(var(--bfc-border))',
|
|
152
155
|
'box-shadow': '4px 4px 0 0 rgb(var(--bfc-border))',
|
|
153
156
|
},
|
|
154
157
|
|
|
155
|
-
// Directional
|
|
158
|
+
// Directional borders - top
|
|
156
159
|
'.custom-dashed-border-t': {
|
|
157
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23${
|
|
160
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
158
161
|
'background-repeat': 'no-repeat',
|
|
159
162
|
'background-position': 'top',
|
|
160
163
|
'border': 'none',
|
|
161
164
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
162
165
|
},
|
|
166
|
+
'.dark .custom-dashed-border-t': {
|
|
167
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
168
|
+
},
|
|
169
|
+
|
|
170
|
+
// Directional borders - right
|
|
163
171
|
'.custom-dashed-border-r': {
|
|
164
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='100%25' y1='0' x2='100%25' y2='100%25' stroke='%23${
|
|
172
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='100%25' y1='0' x2='100%25' y2='100%25' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
165
173
|
'background-repeat': 'no-repeat',
|
|
166
174
|
'background-position': 'right',
|
|
167
175
|
'border': 'none',
|
|
168
176
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
169
177
|
},
|
|
178
|
+
'.dark .custom-dashed-border-r': {
|
|
179
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='100%25' y1='0' x2='100%25' y2='100%25' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
180
|
+
},
|
|
181
|
+
|
|
182
|
+
// Directional borders - bottom
|
|
170
183
|
'.custom-dashed-border-b': {
|
|
171
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23${
|
|
184
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
172
185
|
'background-repeat': 'no-repeat',
|
|
173
186
|
'background-position': 'bottom',
|
|
174
187
|
'border': 'none',
|
|
175
188
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
176
189
|
},
|
|
190
|
+
'.dark .custom-dashed-border-b': {
|
|
191
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
192
|
+
},
|
|
193
|
+
|
|
194
|
+
// Directional borders - left
|
|
177
195
|
'.custom-dashed-border-l': {
|
|
178
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23${
|
|
196
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
179
197
|
'background-repeat': 'no-repeat',
|
|
180
198
|
'background-position': 'left',
|
|
181
199
|
'border': 'none',
|
|
182
200
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
183
201
|
},
|
|
202
|
+
'.dark .custom-dashed-border-l': {
|
|
203
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
204
|
+
},
|
|
184
205
|
|
|
185
|
-
// Combined directional borders
|
|
206
|
+
// Combined directional borders - x axis (left + right)
|
|
186
207
|
'.custom-dashed-border-x': {
|
|
187
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23${
|
|
208
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3cline x1='100%25' y1='0' x2='100%25' y2='100%25' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
188
209
|
'background-repeat': 'no-repeat',
|
|
189
210
|
'border': 'none',
|
|
190
211
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
191
212
|
},
|
|
213
|
+
'.dark .custom-dashed-border-x': {
|
|
214
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='0' y2='100%25' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3cline x1='100%25' y1='0' x2='100%25' y2='100%25' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
215
|
+
},
|
|
216
|
+
|
|
217
|
+
// Combined directional borders - y axis (top + bottom)
|
|
192
218
|
'.custom-dashed-border-y': {
|
|
193
|
-
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23${
|
|
219
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23${lightColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
194
220
|
'background-repeat': 'no-repeat',
|
|
195
221
|
'border': 'none',
|
|
196
222
|
'transition': 'box-shadow 0.2s ease-in-out',
|
|
197
223
|
},
|
|
224
|
+
'.dark .custom-dashed-border-y': {
|
|
225
|
+
'background-image': `url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3cline x1='0' y1='0' x2='100%25' y2='0' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3cline x1='0' y1='100%25' x2='100%25' y2='100%25' stroke='%23${darkColor}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
226
|
+
},
|
|
198
227
|
});
|
|
199
228
|
}),
|
|
200
229
|
],
|