@checkstack/ui 1.8.0 → 1.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 (68) hide show
  1. package/.storybook/main.ts +22 -0
  2. package/.storybook/manager-head.html +2 -0
  3. package/.storybook/mock-access-api.ts +5 -0
  4. package/.storybook/preview.css +5 -0
  5. package/.storybook/preview.tsx +73 -0
  6. package/CHANGELOG.md +8 -0
  7. package/package.json +22 -8
  8. package/postcss.config.js +6 -0
  9. package/stories/AccessDenied.stories.tsx +17 -0
  10. package/stories/AccessGate.stories.tsx +49 -0
  11. package/stories/Accordion.stories.tsx +56 -0
  12. package/stories/Alert.stories.tsx +88 -0
  13. package/stories/AmbientBackground.stories.tsx +28 -0
  14. package/stories/AnimatedCounter.stories.tsx +41 -0
  15. package/stories/AnimatedNumber.stories.tsx +39 -0
  16. package/stories/BackLink.stories.tsx +32 -0
  17. package/stories/Badge.stories.tsx +37 -0
  18. package/stories/Button.stories.tsx +57 -0
  19. package/stories/Card.stories.tsx +39 -0
  20. package/stories/Checkbox.stories.tsx +45 -0
  21. package/stories/CodeEditor.stories.tsx +67 -0
  22. package/stories/ColorPicker.stories.tsx +24 -0
  23. package/stories/CommandPalette.stories.tsx +36 -0
  24. package/stories/ConfirmationModal.stories.tsx +40 -0
  25. package/stories/DateRangeFilter.stories.tsx +30 -0
  26. package/stories/DateTimePicker.stories.tsx +26 -0
  27. package/stories/Dialog.stories.tsx +62 -0
  28. package/stories/DynamicForm.stories.tsx +83 -0
  29. package/stories/DynamicIcon.stories.tsx +52 -0
  30. package/stories/EditableText.stories.tsx +29 -0
  31. package/stories/Feedback.stories.tsx +45 -0
  32. package/stories/IDELayout.stories.tsx +70 -0
  33. package/stories/InfoBanner.stories.tsx +41 -0
  34. package/stories/Input.stories.tsx +29 -0
  35. package/stories/InstanceScopeBanner.stories.tsx +35 -0
  36. package/stories/Introduction.mdx +50 -0
  37. package/stories/Label.stories.tsx +21 -0
  38. package/stories/LinksEditor.stories.tsx +37 -0
  39. package/stories/Markdown.stories.tsx +35 -0
  40. package/stories/Menu.stories.tsx +35 -0
  41. package/stories/MetricTile.stories.tsx +31 -0
  42. package/stories/NavItem.stories.tsx +29 -0
  43. package/stories/NotFound.stories.tsx +17 -0
  44. package/stories/Page.stories.tsx +29 -0
  45. package/stories/PageLayout.stories.tsx +59 -0
  46. package/stories/PaginatedList.stories.tsx +44 -0
  47. package/stories/Pagination.stories.tsx +31 -0
  48. package/stories/PerformanceProvider.stories.tsx +33 -0
  49. package/stories/PluginConfigForm.stories.tsx +64 -0
  50. package/stories/Popover.stories.tsx +30 -0
  51. package/stories/SectionHeader.stories.tsx +20 -0
  52. package/stories/Select.stories.tsx +36 -0
  53. package/stories/Sheet.stories.tsx +59 -0
  54. package/stories/Slider.stories.tsx +24 -0
  55. package/stories/StatusCard.stories.tsx +30 -0
  56. package/stories/StatusUpdateTimeline.stories.tsx +77 -0
  57. package/stories/StrategyConfigCard.stories.tsx +57 -0
  58. package/stories/SubscribeButton.stories.tsx +27 -0
  59. package/stories/Table.stories.tsx +56 -0
  60. package/stories/Tabs.stories.tsx +40 -0
  61. package/stories/TerminalFeed.stories.tsx +47 -0
  62. package/stories/Textarea.stories.tsx +25 -0
  63. package/stories/ThemeProvider.stories.tsx +38 -0
  64. package/stories/Toast.stories.tsx +32 -0
  65. package/stories/Toggle.stories.tsx +43 -0
  66. package/stories/Tooltip.stories.tsx +20 -0
  67. package/stories/UserMenu.stories.tsx +35 -0
  68. package/tailwind.config.js +74 -0
package/tailwind.config.js ADDED
@@ -0,0 +1,74 @@
1
+ import tailwindcssAnimate from "tailwindcss-animate";
2
+
3
+ /** @type {import('tailwindcss').Config} */
4
+ export default {
5
+ darkMode: ["class"],
6
+ content: [
7
+ "./src/**/*.{js,ts,jsx,tsx,mdx}",
8
+ "./.storybook/**/*.{js,ts,jsx,tsx,mdx,html}",
9
+ ],
10
+ theme: {
11
+ extend: {
12
+ colors: {
13
+ border: "hsl(var(--border))",
14
+ input: "hsl(var(--input))",
15
+ ring: "hsl(var(--ring))",
16
+ background: "hsl(var(--background))",
17
+ foreground: "hsl(var(--foreground))",
18
+ primary: {
19
+ DEFAULT: "hsl(var(--primary))",
20
+ foreground: "hsl(var(--primary-foreground))",
21
+ },
22
+ secondary: {
23
+ DEFAULT: "hsl(var(--secondary))",
24
+ foreground: "hsl(var(--secondary-foreground))",
25
+ },
26
+ destructive: {
27
+ DEFAULT: "hsl(var(--destructive))",
28
+ foreground: "hsl(var(--destructive-foreground))",
29
+ },
30
+ muted: {
31
+ DEFAULT: "hsl(var(--muted))",
32
+ foreground: "hsl(var(--muted-foreground))",
33
+ },
34
+ accent: {
35
+ DEFAULT: "hsl(var(--accent))",
36
+ foreground: "hsl(var(--accent-foreground))",
37
+ },
38
+ popover: {
39
+ DEFAULT: "hsl(var(--popover))",
40
+ foreground: "hsl(var(--popover-foreground))",
41
+ },
42
+ card: {
43
+ DEFAULT: "hsl(var(--card))",
44
+ foreground: "hsl(var(--card-foreground))",
45
+ },
46
+ chart: {
47
+ 1: "hsl(var(--chart-1))",
48
+ 2: "hsl(var(--chart-2))",
49
+ 3: "hsl(var(--chart-3))",
50
+ 4: "hsl(var(--chart-4))",
51
+ 5: "hsl(var(--chart-5))",
52
+ },
53
+ success: {
54
+ DEFAULT: "hsl(var(--success))",
55
+ foreground: "hsl(var(--success-foreground))",
56
+ },
57
+ warning: {
58
+ DEFAULT: "hsl(var(--warning))",
59
+ foreground: "hsl(var(--warning-foreground))",
60
+ },
61
+ info: {
62
+ DEFAULT: "hsl(var(--info))",
63
+ foreground: "hsl(var(--info-foreground))",
64
+ },
65
+ },
66
+ borderRadius: {
67
+ lg: "var(--radius)",
68
+ md: "calc(var(--radius) - 2px)",
69
+ sm: "calc(var(--radius) - 4px)",
70
+ },
71
+ },
72
+ },
73
+ plugins: [tailwindcssAnimate],
74
+ };