@brainfish-ai/components 0.9.0 → 0.10.0-alpha.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/esm/index.js +321 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +38 -0
- package/dist/stats.html +1 -1
- package/package.json +5 -2
- package/tailwind.config.js +33 -17
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@brainfish-ai/components",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.10.0-alpha.0",
|
|
4
4
|
"description": "Brainfish Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"tailwindcss-animate": "^1.0.7"
|
|
59
59
|
},
|
|
60
60
|
"devDependencies": {
|
|
61
|
-
"@radix-ui/react-slot": "^1.
|
|
61
|
+
"@radix-ui/react-slot": "^1.2.3",
|
|
62
62
|
"@storybook/addon-docs": "^8.6.12",
|
|
63
63
|
"@storybook/addon-essentials": "^8.6.12",
|
|
64
64
|
"@storybook/addon-interactions": "^8.6.12",
|
|
@@ -67,6 +67,7 @@
|
|
|
67
67
|
"@storybook/addon-styling": "^1.3.7",
|
|
68
68
|
"@storybook/addon-themes": "^8.6.12",
|
|
69
69
|
"@storybook/blocks": "^8.6.12",
|
|
70
|
+
"@storybook/preview-api": "^8.6.14",
|
|
70
71
|
"@storybook/react": "^8.6.12",
|
|
71
72
|
"@storybook/react-vite": "^8.6.12",
|
|
72
73
|
"@storybook/test": "^8.6.12",
|
|
@@ -134,6 +135,7 @@
|
|
|
134
135
|
"@radix-ui/react-icons": "^1.3.2",
|
|
135
136
|
"@radix-ui/react-label": "^2.1.2",
|
|
136
137
|
"@radix-ui/react-popover": "^1.1.6",
|
|
138
|
+
"@radix-ui/react-progress": "^1.1.7",
|
|
137
139
|
"@radix-ui/react-scroll-area": "^1.2.2",
|
|
138
140
|
"@radix-ui/react-select": "^2.1.6",
|
|
139
141
|
"@radix-ui/react-switch": "^1.1.2",
|
|
@@ -144,6 +146,7 @@
|
|
|
144
146
|
"immer": "^10.1.1",
|
|
145
147
|
"mermaid": "^11.6.0",
|
|
146
148
|
"react-day-picker": "^8.9.1",
|
|
149
|
+
"react-dropzone": "^14.3.8",
|
|
147
150
|
"react-hook-form": "^7.54.2",
|
|
148
151
|
"react-markdown": "^9.0.3",
|
|
149
152
|
"react-syntax-highlighter": "^15.6.1",
|
package/tailwind.config.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
const { neutral, zinc } = require('tailwindcss/colors')
|
|
1
|
+
const { neutral, zinc } = require('tailwindcss/colors');
|
|
2
2
|
const plugin = require('tailwindcss/plugin');
|
|
3
3
|
const { fontFamily } = require('tailwindcss/defaultTheme');
|
|
4
4
|
|
|
@@ -7,17 +7,14 @@ const { blue, dark, green, orange, pink, primary, purple, red, yellow } = Brainf
|
|
|
7
7
|
|
|
8
8
|
/** @type {import('tailwindcss').Config} */
|
|
9
9
|
module.exports = {
|
|
10
|
-
darkMode: [
|
|
11
|
-
content: [
|
|
12
|
-
"./index.html",
|
|
13
|
-
"./src/**/*.{js,ts,jsx,tsx}",
|
|
14
|
-
],
|
|
10
|
+
darkMode: ['class'],
|
|
11
|
+
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
|
|
15
12
|
theme: {
|
|
16
13
|
container: {
|
|
17
14
|
center: true,
|
|
18
|
-
padding:
|
|
15
|
+
padding: '2rem',
|
|
19
16
|
screens: {
|
|
20
|
-
|
|
17
|
+
'2xl': '1400px',
|
|
21
18
|
},
|
|
22
19
|
},
|
|
23
20
|
extend: {
|
|
@@ -100,18 +97,18 @@ module.exports = {
|
|
|
100
97
|
},
|
|
101
98
|
},
|
|
102
99
|
keyframes: {
|
|
103
|
-
|
|
100
|
+
'accordion-down': {
|
|
104
101
|
from: { height: 0 },
|
|
105
|
-
to: { height:
|
|
102
|
+
to: { height: 'var(--bfc-radix-accordion-content-height)' },
|
|
106
103
|
},
|
|
107
|
-
|
|
108
|
-
from: { height:
|
|
104
|
+
'accordion-up': {
|
|
105
|
+
from: { height: 'var(--bfc-radix-accordion-content-height)' },
|
|
109
106
|
to: { height: 0 },
|
|
110
107
|
},
|
|
111
108
|
},
|
|
112
109
|
animation: {
|
|
113
|
-
|
|
114
|
-
|
|
110
|
+
'accordion-down': 'accordion-down 0.2s ease-out',
|
|
111
|
+
'accordion-up': 'accordion-up 0.2s ease-out',
|
|
115
112
|
},
|
|
116
113
|
maxWidth: {
|
|
117
114
|
threadWidth: '1400px',
|
|
@@ -128,13 +125,32 @@ module.exports = {
|
|
|
128
125
|
},
|
|
129
126
|
},
|
|
130
127
|
plugins: [
|
|
131
|
-
require(
|
|
132
|
-
require(
|
|
128
|
+
require('tailwindcss-animate'),
|
|
129
|
+
require('@tailwindcss/container-queries'),
|
|
133
130
|
plugin(function ({ addBase }) {
|
|
134
131
|
addBase({
|
|
135
132
|
'ul': { listStyleType: 'disc' },
|
|
136
133
|
'ol': { listStyleType: 'decimal' },
|
|
137
134
|
});
|
|
138
135
|
}),
|
|
136
|
+
plugin(function ({ addUtilities }) {
|
|
137
|
+
// Get the actual hex color value
|
|
138
|
+
const borderColor = dark[900] || '#171717';
|
|
139
|
+
const hexValue = borderColor.replace('#', '');
|
|
140
|
+
|
|
141
|
+
addUtilities({
|
|
142
|
+
'.custom-dashed-border': {
|
|
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${hexValue}' stroke-width='2' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e")`,
|
|
144
|
+
'border': 'none',
|
|
145
|
+
'box-shadow': 'none',
|
|
146
|
+
'transition': 'box-shadow 0.2s ease-in-out',
|
|
147
|
+
},
|
|
148
|
+
'.custom-dashed-border-hover': {
|
|
149
|
+
'background-image': 'none',
|
|
150
|
+
'border': '1px solid rgb(var(--bfc-border))',
|
|
151
|
+
'box-shadow': '4px 4px 0 0 rgb(var(--bfc-border))',
|
|
152
|
+
},
|
|
153
|
+
});
|
|
154
|
+
}),
|
|
139
155
|
],
|
|
140
|
-
}
|
|
156
|
+
};
|