@sqlrooms/ui 0.7.0 → 0.8.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.
Files changed (66) hide show
  1. package/README.md +2 -2
  2. package/dist/components/accordion.js +2 -2
  3. package/dist/components/accordion.js.map +1 -1
  4. package/dist/components/breadcrumb.js +4 -4
  5. package/dist/components/breadcrumb.js.map +1 -1
  6. package/dist/components/button.d.ts +1 -1
  7. package/dist/components/button.d.ts.map +1 -1
  8. package/dist/components/button.js +1 -0
  9. package/dist/components/button.js.map +1 -1
  10. package/dist/components/card.js +2 -2
  11. package/dist/components/card.js.map +1 -1
  12. package/dist/components/checkbox.js +1 -1
  13. package/dist/components/checkbox.js.map +1 -1
  14. package/dist/components/dialog.js +3 -3
  15. package/dist/components/dialog.js.map +1 -1
  16. package/dist/components/dropdown-menu.js +7 -7
  17. package/dist/components/dropdown-menu.js.map +1 -1
  18. package/dist/components/error-pane.d.ts.map +1 -1
  19. package/dist/components/error-pane.js +1 -1
  20. package/dist/components/error-pane.js.map +1 -1
  21. package/dist/components/form.d.ts.map +1 -1
  22. package/dist/components/form.js +2 -2
  23. package/dist/components/form.js.map +1 -1
  24. package/dist/components/input.js +1 -1
  25. package/dist/components/input.js.map +1 -1
  26. package/dist/components/popover.js +1 -1
  27. package/dist/components/popover.js.map +1 -1
  28. package/dist/components/progress-modal.js +1 -1
  29. package/dist/components/progress-modal.js.map +1 -1
  30. package/dist/components/progress.js +1 -1
  31. package/dist/components/progress.js.map +1 -1
  32. package/dist/components/resizable.d.ts.map +1 -1
  33. package/dist/components/resizable.js +1 -1
  34. package/dist/components/resizable.js.map +1 -1
  35. package/dist/components/select.js +4 -4
  36. package/dist/components/select.js.map +1 -1
  37. package/dist/components/skeleton.js +1 -1
  38. package/dist/components/skeleton.js.map +1 -1
  39. package/dist/components/slider.js +1 -1
  40. package/dist/components/slider.js.map +1 -1
  41. package/dist/components/spinner.js +1 -1
  42. package/dist/components/spinner.js.map +1 -1
  43. package/dist/components/switch.js +1 -1
  44. package/dist/components/switch.js.map +1 -1
  45. package/dist/components/table.js +4 -4
  46. package/dist/components/table.js.map +1 -1
  47. package/dist/components/tabs.js +3 -3
  48. package/dist/components/tabs.js.map +1 -1
  49. package/dist/components/textarea.js +1 -1
  50. package/dist/components/textarea.js.map +1 -1
  51. package/dist/components/theme-switch.js +2 -2
  52. package/dist/components/theme-switch.js.map +1 -1
  53. package/dist/components/toast.js +2 -2
  54. package/dist/components/toast.js.map +1 -1
  55. package/dist/components/tooltip.js +1 -1
  56. package/dist/components/tooltip.js.map +1 -1
  57. package/dist/hooks/use-toast.d.ts.map +1 -1
  58. package/dist/hooks/useDisclosure.d.ts +33 -3
  59. package/dist/hooks/useDisclosure.d.ts.map +1 -1
  60. package/dist/hooks/useDisclosure.js +31 -0
  61. package/dist/hooks/useDisclosure.js.map +1 -1
  62. package/dist/hooks/useRelativeCoordinates.d.ts.map +1 -1
  63. package/dist/tailwind-preset.d.ts.map +1 -1
  64. package/dist/tailwind-preset.js +91 -1
  65. package/dist/tailwind-preset.js.map +1 -1
  66. package/package.json +3 -2
package/dist/tailwind-preset.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAEnC,eAAO,MAAM,sBAAsB,gBAEhC;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,KAAG,OAAO,CAAC,MAAM,CAgDhB,CAAC"}
1
+ {"version":3,"file":"tailwind-preset.d.ts","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AAInC,eAAO,MAAM,sBAAsB,GAAI,aAEpC;IACD,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,KAAG,OAAO,CAAC,MAAM,CAyIhB,CAAC"}
package/dist/tailwind-preset.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import tailwindAnimate from 'tailwindcss-animate';
2
+ import typography from '@tailwindcss/typography';
2
3
  export const sqlroomsTailwindPreset = ({ prefix = '', }) => ({
3
4
  prefix,
4
5
  darkMode: ['class'],
@@ -44,8 +45,97 @@ export const sqlroomsTailwindPreset = ({ prefix = '', }) => ({
44
45
  md: `calc(var(--radius) - 2px)`,
45
46
  sm: 'calc(var(--radius) - 4px)',
46
47
  },
48
+ typography: {
49
+ DEFAULT: {
50
+ css: {
51
+ // Improve spacing and styling for lists
52
+ 'ul, ol': {
53
+ paddingLeft: '1.5em',
54
+ marginTop: '0.75em',
55
+ marginBottom: '0.75em',
56
+ },
57
+ 'ul > li, ol > li': {
58
+ marginTop: '0.25em',
59
+ marginBottom: '0.25em',
60
+ },
61
+ // Better styling for code blocks
62
+ pre: {
63
+ backgroundColor: 'hsl(var(--muted))',
64
+ color: 'hsl(var(--muted-foreground))',
65
+ borderRadius: 'var(--radius)',
66
+ padding: '1em',
67
+ overflowX: 'auto',
68
+ },
69
+ code: {
70
+ backgroundColor: 'hsl(var(--muted))',
71
+ color: 'hsl(var(--muted-foreground))',
72
+ borderRadius: '0.25em',
73
+ padding: '0.2em 0.4em',
74
+ fontSize: '0.875em',
75
+ },
76
+ // Better styling for blockquotes
77
+ blockquote: {
78
+ borderLeftColor: 'hsl(var(--border))',
79
+ fontStyle: 'normal',
80
+ color: 'hsl(var(--muted-foreground))',
81
+ },
82
+ // Harmonize heading styles
83
+ 'h1, h2, h3, h4, h5, h6': {
84
+ color: 'hsl(var(--foreground))',
85
+ fontWeight: '600',
86
+ },
87
+ // Better link styling
88
+ a: {
89
+ color: 'hsl(var(--primary))',
90
+ textDecoration: 'none',
91
+ '&:hover': {
92
+ textDecoration: 'underline',
93
+ },
94
+ },
95
+ // Better table styling
96
+ table: {
97
+ width: '100%',
98
+ tableLayout: 'auto',
99
+ textAlign: 'left',
100
+ borderCollapse: 'collapse',
101
+ },
102
+ th: {
103
+ fontWeight: '600',
104
+ borderBottomWidth: '2px',
105
+ borderColor: 'hsl(var(--border))',
106
+ padding: '0.5em',
107
+ },
108
+ td: {
109
+ borderBottomWidth: '1px',
110
+ borderColor: 'hsl(var(--border))',
111
+ padding: '0.5em',
112
+ },
113
+ },
114
+ },
115
+ // Adjust typography for dark mode
116
+ invert: {
117
+ css: {
118
+ color: 'hsl(var(--foreground))',
119
+ pre: {
120
+ backgroundColor: 'hsl(var(--muted))',
121
+ color: 'hsl(var(--muted-foreground))',
122
+ },
123
+ code: {
124
+ backgroundColor: 'hsl(var(--muted))',
125
+ color: 'hsl(var(--muted-foreground))',
126
+ },
127
+ 'h1, h2, h3, h4, h5, h6': {
128
+ color: 'hsl(var(--foreground))',
129
+ },
130
+ blockquote: {
131
+ borderLeftColor: 'hsl(var(--border))',
132
+ color: 'hsl(var(--muted-foreground))',
133
+ },
134
+ },
135
+ },
136
+ },
47
137
  },
48
138
  },
49
- plugins: [tailwindAnimate],
139
+ plugins: [tailwindAnimate, typography],
50
140
  });
51
141
  //# sourceMappingURL=tailwind-preset.js.map
package/dist/tailwind-preset.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-preset.js","sourceRoot":"","sources":["../src/tailwind-preset.ts"],"names":[],"mappings":"AACA,OAAO,eAAe,MAAM,qBAAqB,CAAC;AAClD,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,GAAG,EAAE,GAGZ,EAAmB,EAAE,CAAC,CAAC;IACtB,MAAM;IACN,QAAQ,EAAE,CAAC,OAAO,CAAC;IACnB,KAAK,EAAE;QACL,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,MAAM,EAAE,oBAAoB;gBAC5B,KAAK,EAAE,mBAAmB;gBAC1B,IAAI,EAAE,kBAAkB;gBACxB,UAAU,EAAE,wBAAwB;gBACpC,UAAU,EAAE,wBAAwB;gBACpC,OAAO,EAAE;oBACP,OAAO,EAAE,qBAAqB;oBAC9B,UAAU,EAAE,gCAAgC;iBAC7C;gBACD,SAAS,EAAE;oBACT,OAAO,EAAE,uBAAuB;oBAChC,UAAU,EAAE,kCAAkC;iBAC/C;gBACD,WAAW,EAAE;oBACX,OAAO,EAAE,yBAAyB;oBAClC,UAAU,EAAE,oCAAoC;iBACjD;gBACD,KAAK,EAAE;oBACL,OAAO,EAAE,mBAAmB;oBAC5B,UAAU,EAAE,8BAA8B;iBAC3C;gBACD,MAAM,EAAE;oBACN,OAAO,EAAE,oBAAoB;oBAC7B,UAAU,EAAE,+BAA+B;iBAC5C;gBACD,OAAO,EAAE;oBACP,OAAO,EAAE,qBAAqB;oBAC9B,UAAU,EAAE,gCAAgC;iBAC7C;gBACD,IAAI,EAAE;oBACJ,OAAO,EAAE,kBAAkB;oBAC3B,UAAU,EAAE,6BAA6B;iBAC1C;aACF;YACD,YAAY,EAAE;gBACZ,EAAE,EAAE,eAAe;gBACnB,EAAE,EAAE,2BAA2B;gBAC/B,EAAE,EAAE,2BAA2B;aAChC;SACF;KACF;IACD,OAAO,EAAE,CAAC,eAAe,CAAC;CAC3B,CAAC,CAAC","sourcesContent":["import {Config} from 'tailwindcss';\nimport tailwindAnimate from 'tailwindcss-animate';\nexport const sqlroomsTailwindPreset = ({\n prefix = '',\n}: {\n prefix?: string;\n}): Partial<Config> => ({\n prefix,\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 },\n },\n plugins: [tailwindAnimate],\n});\n"]}
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 prefix = '',\n}: {\n prefix?: string;\n}): Partial<Config> => ({\n prefix,\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 },\n },\n plugins: [tailwindAnimate, typography],\n});\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sqlrooms/ui",
3
- "version": "0.7.0",
3
+ "version": "0.8.1",
4
4
  "type": "module",
5
5
  "private": false,
6
6
  "author": "Ilya Boyandin <ilya@boyandin.me>",
@@ -48,6 +48,7 @@
48
48
  "@radix-ui/react-tabs": "^1.1.2",
49
49
  "@radix-ui/react-toast": "^1.2.5",
50
50
  "@radix-ui/react-tooltip": "^1.1.6",
51
+ "@tailwindcss/typography": "^0.5.16",
51
52
  "class-variance-authority": "^0.7.1",
52
53
  "clsx": "^2.1.1",
53
54
  "lucide-react": "^0.474.0",
@@ -62,5 +63,5 @@
62
63
  "autoprefixer": "^10.4.20",
63
64
  "tailwindcss": "^3.4.17"
64
65
  },
65
- "gitHead": "8be65f051c588d3a963f721322429657913b6c63"
66
+ "gitHead": "7b5e727b79d675c17b93412c109d1ba1b22699c8"
66
67
  }