@sqlrooms/ui 0.27.0 → 0.28.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/components/badge.js +1 -1
- package/dist/components/badge.js.map +1 -1
- package/dist/components/breadcrumb.js +1 -1
- package/dist/components/breadcrumb.js.map +1 -1
- package/dist/components/button.js +1 -1
- package/dist/components/button.js.map +1 -1
- package/dist/components/checkbox.d.ts.map +1 -1
- package/dist/components/checkbox.js +1 -1
- package/dist/components/checkbox.js.map +1 -1
- package/dist/components/command.js +5 -5
- package/dist/components/command.js.map +1 -1
- package/dist/components/context-menu.js +6 -6
- package/dist/components/context-menu.js.map +1 -1
- package/dist/components/dialog.d.ts.map +1 -1
- package/dist/components/dialog.js +2 -2
- package/dist/components/dialog.js.map +1 -1
- package/dist/components/dropdown-menu.js +6 -6
- package/dist/components/dropdown-menu.js.map +1 -1
- package/dist/components/editable-text.js +3 -3
- package/dist/components/editable-text.js.map +1 -1
- package/dist/components/input.js +1 -1
- package/dist/components/input.js.map +1 -1
- package/dist/components/menu-bar.js +7 -7
- package/dist/components/menu-bar.js.map +1 -1
- package/dist/components/popover.js +1 -1
- package/dist/components/popover.js.map +1 -1
- package/dist/components/progress-modal.js +1 -1
- package/dist/components/progress-modal.js.map +1 -1
- package/dist/components/radio-group.js +1 -1
- package/dist/components/radio-group.js.map +1 -1
- package/dist/components/resizable.js +1 -1
- package/dist/components/resizable.js.map +1 -1
- package/dist/components/scroll-area.js +3 -3
- package/dist/components/scroll-area.js.map +1 -1
- package/dist/components/scrollable-row.js +8 -8
- package/dist/components/scrollable-row.js.map +1 -1
- package/dist/components/select.js +4 -4
- package/dist/components/select.js.map +1 -1
- package/dist/components/separator.js +1 -1
- package/dist/components/separator.js.map +1 -1
- package/dist/components/sheet.js +1 -1
- package/dist/components/sheet.js.map +1 -1
- package/dist/components/slider.js +1 -1
- package/dist/components/slider.js.map +1 -1
- package/dist/components/switch.js +1 -1
- package/dist/components/switch.js.map +1 -1
- package/dist/components/tab-strip.d.ts.map +1 -1
- package/dist/components/tab-strip.js +18 -18
- package/dist/components/tab-strip.js.map +1 -1
- package/dist/components/table.d.ts +1 -1
- package/dist/components/table.d.ts.map +1 -1
- package/dist/components/table.js +2 -2
- package/dist/components/table.js.map +1 -1
- package/dist/components/tabs.js +2 -2
- package/dist/components/tabs.js.map +1 -1
- package/dist/components/textarea.d.ts.map +1 -1
- package/dist/components/textarea.js +5 -1
- package/dist/components/textarea.js.map +1 -1
- package/dist/components/theme-switch.d.ts.map +1 -1
- package/dist/components/theme-switch.js +4 -4
- package/dist/components/theme-switch.js.map +1 -1
- package/dist/components/toast.js +4 -4
- package/dist/components/toast.js.map +1 -1
- package/dist/components/toggle.js +1 -1
- package/dist/components/toggle.js.map +1 -1
- package/dist/components/tree.js +1 -1
- package/dist/components/tree.js.map +1 -1
- package/dist/index.d.ts +0 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +0 -2
- package/dist/index.js.map +1 -1
- package/package.json +3 -4
- package/tailwind-preset.css +196 -56
- package/dist/tailwind-preset.d.ts +0 -3
- package/dist/tailwind-preset.d.ts.map +0 -1
- package/dist/tailwind-preset.js +0 -152
- package/dist/tailwind-preset.js.map +0 -1
package/dist/tailwind-preset.js
DELETED
|
@@ -1,152 +0,0 @@
|
|
|
1
|
-
import tailwindAnimate from 'tailwindcss-animate';
|
|
2
|
-
import typography from '@tailwindcss/typography';
|
|
3
|
-
export const sqlroomsTailwindPreset = (
|
|
4
|
-
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
5
|
-
_options) => ({
|
|
6
|
-
darkMode: ['class'],
|
|
7
|
-
theme: {
|
|
8
|
-
extend: {
|
|
9
|
-
colors: {
|
|
10
|
-
border: 'hsl(var(--border))',
|
|
11
|
-
input: 'hsl(var(--input))',
|
|
12
|
-
ring: 'hsl(var(--ring))',
|
|
13
|
-
background: 'hsl(var(--background))',
|
|
14
|
-
foreground: 'hsl(var(--foreground))',
|
|
15
|
-
primary: {
|
|
16
|
-
DEFAULT: 'hsl(var(--primary))',
|
|
17
|
-
foreground: 'hsl(var(--primary-foreground))',
|
|
18
|
-
},
|
|
19
|
-
secondary: {
|
|
20
|
-
DEFAULT: 'hsl(var(--secondary))',
|
|
21
|
-
foreground: 'hsl(var(--secondary-foreground))',
|
|
22
|
-
},
|
|
23
|
-
destructive: {
|
|
24
|
-
DEFAULT: 'hsl(var(--destructive))',
|
|
25
|
-
foreground: 'hsl(var(--destructive-foreground))',
|
|
26
|
-
},
|
|
27
|
-
muted: {
|
|
28
|
-
DEFAULT: 'hsl(var(--muted))',
|
|
29
|
-
foreground: 'hsl(var(--muted-foreground))',
|
|
30
|
-
},
|
|
31
|
-
accent: {
|
|
32
|
-
DEFAULT: 'hsl(var(--accent))',
|
|
33
|
-
foreground: 'hsl(var(--accent-foreground))',
|
|
34
|
-
},
|
|
35
|
-
popover: {
|
|
36
|
-
DEFAULT: 'hsl(var(--popover))',
|
|
37
|
-
foreground: 'hsl(var(--popover-foreground))',
|
|
38
|
-
},
|
|
39
|
-
card: {
|
|
40
|
-
DEFAULT: 'hsl(var(--card))',
|
|
41
|
-
foreground: 'hsl(var(--card-foreground))',
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
borderRadius: {
|
|
45
|
-
lg: `var(--radius)`,
|
|
46
|
-
md: `calc(var(--radius) - 2px)`,
|
|
47
|
-
sm: 'calc(var(--radius) - 4px)',
|
|
48
|
-
},
|
|
49
|
-
typography: {
|
|
50
|
-
DEFAULT: {
|
|
51
|
-
css: {
|
|
52
|
-
// Improve spacing and styling for lists
|
|
53
|
-
'ul, ol': {
|
|
54
|
-
paddingLeft: '1.5em',
|
|
55
|
-
marginTop: '0.75em',
|
|
56
|
-
marginBottom: '0.75em',
|
|
57
|
-
},
|
|
58
|
-
'ul > li, ol > li': {
|
|
59
|
-
marginTop: '0.25em',
|
|
60
|
-
marginBottom: '0.25em',
|
|
61
|
-
},
|
|
62
|
-
// Better styling for code blocks
|
|
63
|
-
pre: {
|
|
64
|
-
backgroundColor: 'hsl(var(--muted))',
|
|
65
|
-
color: 'hsl(var(--muted-foreground))',
|
|
66
|
-
borderRadius: 'var(--radius)',
|
|
67
|
-
padding: '1em',
|
|
68
|
-
overflowX: 'auto',
|
|
69
|
-
},
|
|
70
|
-
code: {
|
|
71
|
-
backgroundColor: 'hsl(var(--muted))',
|
|
72
|
-
color: 'hsl(var(--muted-foreground))',
|
|
73
|
-
borderRadius: '0.25em',
|
|
74
|
-
padding: '0.2em 0.4em',
|
|
75
|
-
fontSize: '0.875em',
|
|
76
|
-
},
|
|
77
|
-
// Better styling for blockquotes
|
|
78
|
-
blockquote: {
|
|
79
|
-
borderLeftColor: 'hsl(var(--border))',
|
|
80
|
-
fontStyle: 'normal',
|
|
81
|
-
color: 'hsl(var(--muted-foreground))',
|
|
82
|
-
},
|
|
83
|
-
// Harmonize heading styles
|
|
84
|
-
'h1, h2, h3, h4, h5, h6': {
|
|
85
|
-
color: 'hsl(var(--foreground))',
|
|
86
|
-
fontWeight: '600',
|
|
87
|
-
},
|
|
88
|
-
// Better link styling
|
|
89
|
-
a: {
|
|
90
|
-
color: 'hsl(var(--primary))',
|
|
91
|
-
textDecoration: 'none',
|
|
92
|
-
'&:hover': {
|
|
93
|
-
textDecoration: 'underline',
|
|
94
|
-
},
|
|
95
|
-
},
|
|
96
|
-
// Better table styling
|
|
97
|
-
table: {
|
|
98
|
-
width: '100%',
|
|
99
|
-
tableLayout: 'auto',
|
|
100
|
-
textAlign: 'left',
|
|
101
|
-
borderCollapse: 'collapse',
|
|
102
|
-
},
|
|
103
|
-
th: {
|
|
104
|
-
fontWeight: '600',
|
|
105
|
-
borderBottomWidth: '2px',
|
|
106
|
-
borderColor: 'hsl(var(--border))',
|
|
107
|
-
padding: '0.5em',
|
|
108
|
-
},
|
|
109
|
-
td: {
|
|
110
|
-
borderBottomWidth: '1px',
|
|
111
|
-
borderColor: 'hsl(var(--border))',
|
|
112
|
-
padding: '0.5em',
|
|
113
|
-
},
|
|
114
|
-
},
|
|
115
|
-
},
|
|
116
|
-
// Adjust typography for dark mode
|
|
117
|
-
invert: {
|
|
118
|
-
css: {
|
|
119
|
-
color: 'hsl(var(--foreground))',
|
|
120
|
-
pre: {
|
|
121
|
-
backgroundColor: 'hsl(var(--muted))',
|
|
122
|
-
color: 'hsl(var(--muted-foreground))',
|
|
123
|
-
},
|
|
124
|
-
code: {
|
|
125
|
-
backgroundColor: 'hsl(var(--muted))',
|
|
126
|
-
color: 'hsl(var(--muted-foreground))',
|
|
127
|
-
},
|
|
128
|
-
'h1, h2, h3, h4, h5, h6': {
|
|
129
|
-
color: 'hsl(var(--foreground))',
|
|
130
|
-
},
|
|
131
|
-
blockquote: {
|
|
132
|
-
borderLeftColor: 'hsl(var(--border))',
|
|
133
|
-
color: 'hsl(var(--muted-foreground))',
|
|
134
|
-
},
|
|
135
|
-
},
|
|
136
|
-
},
|
|
137
|
-
},
|
|
138
|
-
keyframes: {
|
|
139
|
-
'sqlrooms-progress': {
|
|
140
|
-
'0%': { transform: 'translateX(0) scaleX(0)' },
|
|
141
|
-
'40%': { transform: 'translateX(0) scaleX(0.4)' },
|
|
142
|
-
'100%': { transform: 'translateX(100%) scaleX(0.5)' },
|
|
143
|
-
},
|
|
144
|
-
},
|
|
145
|
-
animation: {
|
|
146
|
-
'sqlrooms-progress': 'sqlrooms-progress 1s infinite linear',
|
|
147
|
-
},
|
|
148
|
-
},
|
|
149
|
-
},
|
|
150
|
-
plugins: [tailwindAnimate, typography],
|
|
151
|
-
});
|
|
152
|
-
//# sourceMappingURL=tailwind-preset.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-preset.js","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"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","sourcesContent":["import {Config} from 'tailwindcss';\nimport tailwindAnimate from 'tailwindcss-animate';\nimport typography from '@tailwindcss/typography';\n\nexport const sqlroomsTailwindPreset = (\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _options?: Record<string, unknown>,\n): Partial<Config> => ({\n darkMode: ['class'],\n theme: {\n extend: {\n colors: {\n border: 'hsl(var(--border))',\n input: 'hsl(var(--input))',\n ring: 'hsl(var(--ring))',\n background: 'hsl(var(--background))',\n foreground: 'hsl(var(--foreground))',\n primary: {\n DEFAULT: 'hsl(var(--primary))',\n foreground: 'hsl(var(--primary-foreground))',\n },\n secondary: {\n DEFAULT: 'hsl(var(--secondary))',\n foreground: 'hsl(var(--secondary-foreground))',\n },\n destructive: {\n DEFAULT: 'hsl(var(--destructive))',\n foreground: 'hsl(var(--destructive-foreground))',\n },\n muted: {\n DEFAULT: 'hsl(var(--muted))',\n foreground: 'hsl(var(--muted-foreground))',\n },\n accent: {\n DEFAULT: 'hsl(var(--accent))',\n foreground: 'hsl(var(--accent-foreground))',\n },\n popover: {\n DEFAULT: 'hsl(var(--popover))',\n foreground: 'hsl(var(--popover-foreground))',\n },\n card: {\n DEFAULT: 'hsl(var(--card))',\n foreground: 'hsl(var(--card-foreground))',\n },\n },\n borderRadius: {\n lg: `var(--radius)`,\n md: `calc(var(--radius) - 2px)`,\n sm: 'calc(var(--radius) - 4px)',\n },\n typography: {\n DEFAULT: {\n css: {\n // Improve spacing and styling for lists\n 'ul, ol': {\n paddingLeft: '1.5em',\n marginTop: '0.75em',\n marginBottom: '0.75em',\n },\n 'ul > li, ol > li': {\n marginTop: '0.25em',\n marginBottom: '0.25em',\n },\n // Better styling for code blocks\n pre: {\n backgroundColor: 'hsl(var(--muted))',\n color: 'hsl(var(--muted-foreground))',\n borderRadius: 'var(--radius)',\n padding: '1em',\n overflowX: 'auto',\n },\n code: {\n backgroundColor: 'hsl(var(--muted))',\n color: 'hsl(var(--muted-foreground))',\n borderRadius: '0.25em',\n padding: '0.2em 0.4em',\n fontSize: '0.875em',\n },\n // Better styling for blockquotes\n blockquote: {\n borderLeftColor: 'hsl(var(--border))',\n fontStyle: 'normal',\n color: 'hsl(var(--muted-foreground))',\n },\n // Harmonize heading styles\n 'h1, h2, h3, h4, h5, h6': {\n color: 'hsl(var(--foreground))',\n fontWeight: '600',\n },\n // Better link styling\n a: {\n color: 'hsl(var(--primary))',\n textDecoration: 'none',\n '&:hover': {\n textDecoration: 'underline',\n },\n },\n // Better table styling\n table: {\n width: '100%',\n tableLayout: 'auto',\n textAlign: 'left',\n borderCollapse: 'collapse',\n },\n th: {\n fontWeight: '600',\n borderBottomWidth: '2px',\n borderColor: 'hsl(var(--border))',\n padding: '0.5em',\n },\n td: {\n borderBottomWidth: '1px',\n borderColor: 'hsl(var(--border))',\n padding: '0.5em',\n },\n },\n },\n // Adjust typography for dark mode\n invert: {\n css: {\n color: 'hsl(var(--foreground))',\n pre: {\n backgroundColor: 'hsl(var(--muted))',\n color: 'hsl(var(--muted-foreground))',\n },\n code: {\n backgroundColor: 'hsl(var(--muted))',\n color: 'hsl(var(--muted-foreground))',\n },\n 'h1, h2, h3, h4, h5, h6': {\n color: 'hsl(var(--foreground))',\n },\n blockquote: {\n borderLeftColor: 'hsl(var(--border))',\n color: 'hsl(var(--muted-foreground))',\n },\n },\n },\n },\n keyframes: {\n 'sqlrooms-progress': {\n '0%': {transform: 'translateX(0) scaleX(0)'},\n '40%': {transform: 'translateX(0) scaleX(0.4)'},\n '100%': {transform: 'translateX(100%) scaleX(0.5)'},\n },\n },\n animation: {\n 'sqlrooms-progress': 'sqlrooms-progress 1s infinite linear',\n },\n },\n },\n plugins: [tailwindAnimate, typography],\n});\n"]}
|