@camunda/design-system 0.1.1 → 0.3.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.
Files changed (178) hide show
  1. package/dist/.storybook/CamundaLogo.d.ts +13 -0
  2. package/dist/.storybook/CamundaLogo.d.ts.map +1 -0
  3. package/dist/.storybook/CamundaLogo.js +14 -0
  4. package/dist/.storybook/CamundaLogo.js.map +1 -0
  5. package/dist/carbon-compat/breadcrumb-skeleton.js +1 -1
  6. package/dist/carbon-compat/breadcrumb.js +2 -2
  7. package/dist/carbon-compat/button.js +2 -2
  8. package/dist/carbon-compat/c3-cluster-tag.js +2 -2
  9. package/dist/carbon-compat/c3-data-table.js +9 -9
  10. package/dist/carbon-compat/c3-responsive-stack.js +1 -1
  11. package/dist/carbon-compat/checkbox-skeleton.js +1 -1
  12. package/dist/carbon-compat/checkbox.js +2 -2
  13. package/dist/carbon-compat/code-snippet.js +1 -1
  14. package/dist/carbon-compat/combo-box.js +3 -3
  15. package/dist/carbon-compat/content-switcher.js +2 -2
  16. package/dist/carbon-compat/data-table-skeleton.js +1 -1
  17. package/dist/carbon-compat/data-table.d.ts +1 -1
  18. package/dist/carbon-compat/data-table.js +2 -2
  19. package/dist/carbon-compat/dropdown.js +2 -2
  20. package/dist/carbon-compat/filterable-multi-select.d.ts +39 -0
  21. package/dist/carbon-compat/filterable-multi-select.d.ts.map +1 -0
  22. package/dist/carbon-compat/filterable-multi-select.js +54 -0
  23. package/dist/carbon-compat/filterable-multi-select.js.map +1 -0
  24. package/dist/carbon-compat/form.d.ts +5 -0
  25. package/dist/carbon-compat/form.d.ts.map +1 -0
  26. package/dist/carbon-compat/form.js +6 -0
  27. package/dist/carbon-compat/form.js.map +1 -0
  28. package/dist/carbon-compat/icon-button.js +3 -3
  29. package/dist/carbon-compat/index.d.ts +67 -64
  30. package/dist/carbon-compat/index.d.ts.map +1 -1
  31. package/dist/carbon-compat/index.js +67 -64
  32. package/dist/carbon-compat/index.js.map +1 -1
  33. package/dist/carbon-compat/link.js +1 -1
  34. package/dist/carbon-compat/loading.js +1 -1
  35. package/dist/carbon-compat/menu-button.js +3 -3
  36. package/dist/carbon-compat/modal.js +4 -4
  37. package/dist/carbon-compat/multi-select.d.ts +37 -2
  38. package/dist/carbon-compat/multi-select.d.ts.map +1 -1
  39. package/dist/carbon-compat/multi-select.js +52 -2
  40. package/dist/carbon-compat/multi-select.js.map +1 -1
  41. package/dist/carbon-compat/overflow-menu.js +3 -3
  42. package/dist/carbon-compat/popover.js +2 -2
  43. package/dist/carbon-compat/progress-bar.js +2 -2
  44. package/dist/carbon-compat/radio-button.js +2 -2
  45. package/dist/carbon-compat/search.js +2 -2
  46. package/dist/carbon-compat/select-skeleton.js +1 -1
  47. package/dist/carbon-compat/select.d.ts +3 -3
  48. package/dist/carbon-compat/select.d.ts.map +1 -1
  49. package/dist/carbon-compat/select.js +47 -9
  50. package/dist/carbon-compat/select.js.map +1 -1
  51. package/dist/carbon-compat/skeleton-text.js +1 -1
  52. package/dist/carbon-compat/stack.js +1 -1
  53. package/dist/carbon-compat/structured-list-skeleton.js +1 -1
  54. package/dist/carbon-compat/switch.js +2 -2
  55. package/dist/carbon-compat/table-batch-actions.js +2 -2
  56. package/dist/carbon-compat/table-container.js +1 -1
  57. package/dist/carbon-compat/table-expand.js +2 -2
  58. package/dist/carbon-compat/table-select.js +2 -2
  59. package/dist/carbon-compat/table-toolbar.js +3 -3
  60. package/dist/carbon-compat/table.js +2 -2
  61. package/dist/carbon-compat/tabs.js +2 -2
  62. package/dist/carbon-compat/tag.js +2 -2
  63. package/dist/carbon-compat/text-area.js +2 -2
  64. package/dist/carbon-compat/text-input.js +2 -2
  65. package/dist/carbon-compat/tile.js +2 -2
  66. package/dist/carbon-compat/time-picker.d.ts +8 -0
  67. package/dist/carbon-compat/time-picker.d.ts.map +1 -0
  68. package/dist/carbon-compat/time-picker.js +24 -0
  69. package/dist/carbon-compat/time-picker.js.map +1 -0
  70. package/dist/carbon-compat/toggle.js +2 -2
  71. package/dist/carbon-compat/tooltip.js +2 -2
  72. package/dist/carbon-compat/unordered-list.js +1 -1
  73. package/dist/src/components/ui/alert-dialog.js +3 -3
  74. package/dist/src/components/ui/app-header.js +3 -3
  75. package/dist/src/components/ui/app-sidebar.js +5 -5
  76. package/dist/src/components/ui/badge.js +1 -1
  77. package/dist/src/components/ui/breadcrumb.js +1 -1
  78. package/dist/src/components/ui/button.js +1 -1
  79. package/dist/src/components/ui/card.js +1 -1
  80. package/dist/src/components/ui/checkbox.d.ts.map +1 -1
  81. package/dist/src/components/ui/checkbox.js +2 -2
  82. package/dist/src/components/ui/checkbox.js.map +1 -1
  83. package/dist/src/components/ui/command.js +1 -1
  84. package/dist/src/components/ui/data-table.d.ts.map +1 -1
  85. package/dist/src/components/ui/data-table.js +7 -7
  86. package/dist/src/components/ui/data-table.js.map +1 -1
  87. package/dist/src/components/ui/dialog.js +3 -3
  88. package/dist/src/components/ui/dropdown.js +2 -2
  89. package/dist/src/components/ui/file-uploader.d.ts +39 -0
  90. package/dist/src/components/ui/file-uploader.d.ts.map +1 -0
  91. package/dist/src/components/ui/file-uploader.js +198 -0
  92. package/dist/src/components/ui/file-uploader.js.map +1 -0
  93. package/dist/src/components/ui/input.js +1 -1
  94. package/dist/src/components/ui/label.js +1 -1
  95. package/dist/src/components/ui/multi-select.d.ts +34 -0
  96. package/dist/src/components/ui/multi-select.d.ts.map +1 -0
  97. package/dist/src/components/ui/multi-select.js +88 -0
  98. package/dist/src/components/ui/multi-select.js.map +1 -0
  99. package/dist/src/components/ui/nav-breadcrumb.js +3 -3
  100. package/dist/src/components/ui/popover.js +2 -2
  101. package/dist/src/components/ui/progress.js +1 -1
  102. package/dist/src/components/ui/radio-group.js +1 -1
  103. package/dist/src/components/ui/scroll-area.js +1 -1
  104. package/dist/src/components/ui/select.js +2 -2
  105. package/dist/src/components/ui/separator.js +1 -1
  106. package/dist/src/components/ui/sheet.js +3 -3
  107. package/dist/src/components/ui/sidebar-provider.d.ts +1 -1
  108. package/dist/src/components/ui/sidebar-provider.js +2 -2
  109. package/dist/src/components/ui/stepper.js +1 -1
  110. package/dist/src/components/ui/switch.js +1 -1
  111. package/dist/src/components/ui/table.d.ts +1 -1
  112. package/dist/src/components/ui/table.d.ts.map +1 -1
  113. package/dist/src/components/ui/table.js +4 -4
  114. package/dist/src/components/ui/table.js.map +1 -1
  115. package/dist/src/components/ui/tabs.js +1 -1
  116. package/dist/src/components/ui/textarea.js +1 -1
  117. package/dist/src/components/ui/toggle-group.d.ts +1 -1
  118. package/dist/src/components/ui/toggle-group.js +2 -2
  119. package/dist/src/components/ui/toggle.js +1 -1
  120. package/dist/src/components/ui/tooltip.js +2 -2
  121. package/dist/src/components/ui/tree-view.js +2 -2
  122. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts +2 -0
  123. package/dist/src/examples/cost-dashboard/CostBreakdownChart.d.ts.map +1 -0
  124. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js +18 -0
  125. package/dist/src/examples/cost-dashboard/CostBreakdownChart.js.map +1 -0
  126. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts +2 -0
  127. package/dist/src/examples/cost-dashboard/CostDashboardPage.d.ts.map +1 -0
  128. package/dist/src/examples/cost-dashboard/CostDashboardPage.js +53 -0
  129. package/dist/src/examples/cost-dashboard/CostDashboardPage.js.map +1 -0
  130. package/dist/src/examples/cost-dashboard/TrendChart.d.ts +2 -0
  131. package/dist/src/examples/cost-dashboard/TrendChart.d.ts.map +1 -0
  132. package/dist/src/examples/cost-dashboard/TrendChart.js +21 -0
  133. package/dist/src/examples/cost-dashboard/TrendChart.js.map +1 -0
  134. package/dist/src/examples/cost-dashboard/mock-data.d.ts +34 -0
  135. package/dist/src/examples/cost-dashboard/mock-data.d.ts.map +1 -0
  136. package/dist/src/examples/cost-dashboard/mock-data.js +120 -0
  137. package/dist/src/examples/cost-dashboard/mock-data.js.map +1 -0
  138. package/dist/src/examples/cost-dashboard/useChartColors.d.ts +10 -0
  139. package/dist/src/examples/cost-dashboard/useChartColors.d.ts.map +1 -0
  140. package/dist/src/examples/cost-dashboard/useChartColors.js +20 -0
  141. package/dist/src/examples/cost-dashboard/useChartColors.js.map +1 -0
  142. package/dist/src/examples/project-detail/ProjectDetailPage.d.ts +2 -0
  143. package/dist/src/examples/project-detail/ProjectDetailPage.d.ts.map +1 -0
  144. package/dist/src/examples/project-detail/ProjectDetailPage.js +68 -0
  145. package/dist/src/examples/project-detail/ProjectDetailPage.js.map +1 -0
  146. package/dist/src/examples/project-detail/mock-data.d.ts +38 -0
  147. package/dist/src/examples/project-detail/mock-data.d.ts.map +1 -0
  148. package/dist/src/examples/project-detail/mock-data.js +103 -0
  149. package/dist/src/examples/project-detail/mock-data.js.map +1 -0
  150. package/dist/src/examples/projects-list/ProjectsListPage.d.ts +4 -0
  151. package/dist/src/examples/projects-list/ProjectsListPage.d.ts.map +1 -0
  152. package/dist/src/examples/projects-list/ProjectsListPage.js +45 -0
  153. package/dist/src/examples/projects-list/ProjectsListPage.js.map +1 -0
  154. package/dist/src/examples/projects-list/mock-data.d.ts +10 -0
  155. package/dist/src/examples/projects-list/mock-data.d.ts.map +1 -0
  156. package/dist/src/examples/projects-list/mock-data.js +83 -0
  157. package/dist/src/examples/projects-list/mock-data.js.map +1 -0
  158. package/dist/src/examples/shared/AppShell.d.ts +13 -0
  159. package/dist/src/examples/shared/AppShell.d.ts.map +1 -0
  160. package/dist/src/examples/shared/AppShell.js +13 -0
  161. package/dist/src/examples/shared/AppShell.js.map +1 -0
  162. package/dist/src/examples/shared/console-nav.d.ts +5 -0
  163. package/dist/src/examples/shared/console-nav.d.ts.map +1 -0
  164. package/dist/src/examples/shared/console-nav.js +37 -0
  165. package/dist/src/examples/shared/console-nav.js.map +1 -0
  166. package/dist/src/examples/shared/cost-nav.d.ts +5 -0
  167. package/dist/src/examples/shared/cost-nav.d.ts.map +1 -0
  168. package/dist/src/examples/shared/cost-nav.js +47 -0
  169. package/dist/src/examples/shared/cost-nav.js.map +1 -0
  170. package/dist/src/hooks/use-is-mobile.js +1 -1
  171. package/dist/src/index.d.ts +41 -39
  172. package/dist/src/index.d.ts.map +1 -1
  173. package/dist/src/index.js +39 -37
  174. package/dist/src/index.js.map +1 -1
  175. package/dist/src/specs/schema.d.ts +4 -0
  176. package/dist/src/specs/schema.d.ts.map +1 -1
  177. package/dist/styles.css +233 -0
  178. package/package.json +2 -1
package/dist/src/index.js CHANGED
@@ -1,38 +1,40 @@
1
- export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog";
2
- export { AppHeader, } from "./components/ui/app-header";
3
- export { AppSidebar, } from "./components/ui/app-sidebar";
4
- export { Badge, badgeVariants } from "./components/ui/badge";
5
- export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb";
6
- export { Button, buttonVariants } from "./components/ui/button";
7
- export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb";
8
- export { C4Provider } from "./components/ui/c4-provider";
9
- export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card";
10
- export { Checkbox } from "./components/ui/checkbox";
11
- export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/ui/collapsible";
12
- export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/ui/command";
13
- export { DataTable } from "./components/ui/data-table";
14
- export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog";
15
- export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown";
16
- export { Input } from "./components/ui/input";
17
- export { Label } from "./components/ui/label";
18
- export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/ui/popover";
19
- export { Progress } from "./components/ui/progress";
20
- export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group";
21
- export { ScrollArea, ScrollBar } from "./components/ui/scroll-area";
22
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/ui/select";
23
- export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, sheetVariants, SheetTitle, SheetTrigger, } from "./components/ui/sheet";
24
- export { Separator } from "./components/ui/separator";
25
- export { SidebarProvider, SidebarTrigger, useSidebar, } from "./components/ui/sidebar-provider";
26
- export { Stepper, StepperStep } from "./components/ui/stepper";
27
- export { Switch } from "./components/ui/switch";
28
- export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/ui/table";
29
- export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs";
30
- export { Textarea } from "./components/ui/textarea";
31
- export { Toggle, toggleVariants } from "./components/ui/toggle";
32
- export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group";
33
- export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip";
34
- export { TreeView, TreeNode } from "./components/ui/tree-view";
35
- export { useMediaQuery } from "./hooks/use-media-query";
36
- export { useIsMobile } from "./hooks/use-is-mobile";
37
- export { cn } from "./lib/utils";
1
+ export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, } from "./components/ui/alert-dialog.js";
2
+ export { AppHeader, } from "./components/ui/app-header.js";
3
+ export { AppSidebar, } from "./components/ui/app-sidebar.js";
4
+ export { Badge, badgeVariants } from "./components/ui/badge.js";
5
+ export { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, } from "./components/ui/breadcrumb.js";
6
+ export { Button, buttonVariants } from "./components/ui/button.js";
7
+ export { NavBreadcrumb, NavBreadcrumbItem, } from "./components/ui/nav-breadcrumb.js";
8
+ export { C4Provider } from "./components/ui/c4-provider.js";
9
+ export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./components/ui/card.js";
10
+ export { Checkbox } from "./components/ui/checkbox.js";
11
+ export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "./components/ui/collapsible.js";
12
+ export { Command, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, } from "./components/ui/command.js";
13
+ export { DataTable } from "./components/ui/data-table.js";
14
+ export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, } from "./components/ui/dialog.js";
15
+ export { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "./components/ui/dropdown.js";
16
+ export { FileUploader, } from "./components/ui/file-uploader.js";
17
+ export { Input } from "./components/ui/input.js";
18
+ export { MultiSelect, } from "./components/ui/multi-select.js";
19
+ export { Label } from "./components/ui/label.js";
20
+ export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/ui/popover.js";
21
+ export { Progress } from "./components/ui/progress.js";
22
+ export { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
23
+ export { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
24
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./components/ui/select.js";
25
+ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, sheetVariants, SheetTitle, SheetTrigger, } from "./components/ui/sheet.js";
26
+ export { Separator } from "./components/ui/separator.js";
27
+ export { SidebarProvider, SidebarTrigger, useSidebar, } from "./components/ui/sidebar-provider.js";
28
+ export { Stepper, StepperStep } from "./components/ui/stepper.js";
29
+ export { Switch } from "./components/ui/switch.js";
30
+ export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, } from "./components/ui/table.js";
31
+ export { Tabs, TabsContent, TabsList, TabsTrigger } from "./components/ui/tabs.js";
32
+ export { Textarea } from "./components/ui/textarea.js";
33
+ export { Toggle, toggleVariants } from "./components/ui/toggle.js";
34
+ export { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
35
+ export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, } from "./components/ui/tooltip.js";
36
+ export { TreeView, TreeNode } from "./components/ui/tree-view.js";
37
+ export { useMediaQuery } from "./hooks/use-media-query.js";
38
+ export { useIsMobile } from "./hooks/use-is-mobile.js";
39
+ export { cn } from "./lib/utils.js";
38
40
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
@@ -95,6 +95,10 @@ export interface AIHints {
95
95
  selectionCriteria?: Record<string, string>;
96
96
  /** Other components an agent may consider as alternatives. */
97
97
  alternatives?: string[];
98
+ /** When true, the dev agent implements all solution options side-by-side before the team picks one. */
99
+ generateSolutions?: boolean;
100
+ /** Short descriptions of the axes on which solutions differ, for multi-solution mode. */
101
+ solutionAxes?: string[];
98
102
  }
99
103
  export interface Example {
100
104
  title: string;
@@ -1 +1 @@
1
- {"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/specs/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,KAAK;IACpB,uEAAuE;IACvE,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,6EAA6E;IAC7E,YAAY,EAAE,WAAW,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClD,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACtB,gEAAgE;IAChE,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpC,uDAAuD;IACvD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;CACd"}
1
+ {"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/specs/schema.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;GAYG;AAEH,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,eAAe,CAAC;IAC3B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,uDAAuD;IACvD,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,KAAK;IACpB,uEAAuE;IACvE,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,6EAA6E;IAC7E,YAAY,EAAE,WAAW,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,OAAO;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,qEAAqE;IACrE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AAED,MAAM,WAAW,IAAI;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,QAAQ;IACvB;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,WAAW,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClD,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,8DAA8D;IAC9D,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,MAAM,WAAW,OAAO;IACtB,gEAAgE;IAChE,QAAQ,EAAE,MAAM,GAAG,QAAQ,GAAG,KAAK,CAAC;IACpC,uDAAuD;IACvD,QAAQ,EAAE,MAAM,EAAE,CAAC;IACnB,qEAAqE;IACrE,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3C,8DAA8D;IAC9D,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,uGAAuG;IACvG,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,IAAI,EAAE,MAAM,CAAC;CACd"}
package/dist/styles.css CHANGED
@@ -18,6 +18,7 @@
18
18
  --breakpoint-xl: 80rem;
19
19
  --container-xs: 20rem;
20
20
  --container-sm: 24rem;
21
+ --container-md: 28rem;
21
22
  --text-xs: 0.75rem;
22
23
  --text-xs--line-height: calc(1 / 0.75);
23
24
  --text-sm: 0.875rem;
@@ -36,6 +37,7 @@
36
37
  --font-weight-normal: 400;
37
38
  --font-weight-medium: 500;
38
39
  --font-weight-semibold: 600;
40
+ --tracking-tight: -0.025em;
39
41
  --tracking-wide: 0.025em;
40
42
  --tracking-widest: 0.1em;
41
43
  --leading-snug: 1.375;
@@ -251,6 +253,12 @@
251
253
  .mt-4 {
252
254
  margin-top: calc(var(--spacing) * 4);
253
255
  }
256
+ .mt-6 {
257
+ margin-top: calc(var(--spacing) * 6);
258
+ }
259
+ .mt-12 {
260
+ margin-top: calc(var(--spacing) * 12);
261
+ }
254
262
  .mt-auto {
255
263
  margin-top: auto;
256
264
  }
@@ -284,6 +292,12 @@
284
292
  .-ml-0\.5 {
285
293
  margin-left: calc(var(--spacing) * -0.5);
286
294
  }
295
+ .-ml-px {
296
+ margin-left: -1px;
297
+ }
298
+ .ml-0\.5 {
299
+ margin-left: calc(var(--spacing) * 0.5);
300
+ }
287
301
  .ml-1 {
288
302
  margin-left: calc(var(--spacing) * 1);
289
303
  }
@@ -339,6 +353,10 @@
339
353
  width: calc(var(--spacing) * 2);
340
354
  height: calc(var(--spacing) * 2);
341
355
  }
356
+ .size-2\.5 {
357
+ width: calc(var(--spacing) * 2.5);
358
+ height: calc(var(--spacing) * 2.5);
359
+ }
342
360
  .size-3 {
343
361
  width: calc(var(--spacing) * 3);
344
362
  height: calc(var(--spacing) * 3);
@@ -379,6 +397,10 @@
379
397
  width: calc(var(--spacing) * 11);
380
398
  height: calc(var(--spacing) * 11);
381
399
  }
400
+ .size-12 {
401
+ width: calc(var(--spacing) * 12);
402
+ height: calc(var(--spacing) * 12);
403
+ }
382
404
  .size-full {
383
405
  width: 100%;
384
406
  height: 100%;
@@ -440,9 +462,15 @@
440
462
  .h-40 {
441
463
  height: calc(var(--spacing) * 40);
442
464
  }
465
+ .h-44 {
466
+ height: calc(var(--spacing) * 44);
467
+ }
443
468
  .h-56 {
444
469
  height: calc(var(--spacing) * 56);
445
470
  }
471
+ .h-72 {
472
+ height: calc(var(--spacing) * 72);
473
+ }
446
474
  .h-\[32rem\] {
447
475
  height: 32rem;
448
476
  }
@@ -482,6 +510,9 @@
482
510
  .max-h-\[60vh\] {
483
511
  max-height: 60vh;
484
512
  }
513
+ .min-h-9 {
514
+ min-height: calc(var(--spacing) * 9);
515
+ }
485
516
  .min-h-10 {
486
517
  min-height: calc(var(--spacing) * 10);
487
518
  }
@@ -497,6 +528,12 @@
497
528
  .min-h-32 {
498
529
  min-height: calc(var(--spacing) * 32);
499
530
  }
531
+ .min-h-\[80px\] {
532
+ min-height: 80px;
533
+ }
534
+ .min-h-\[120px\] {
535
+ min-height: 120px;
536
+ }
500
537
  .min-h-screen {
501
538
  min-height: 100vh;
502
539
  }
@@ -566,6 +603,9 @@
566
603
  .w-40 {
567
604
  width: calc(var(--spacing) * 40);
568
605
  }
606
+ .w-44 {
607
+ width: calc(var(--spacing) * 44);
608
+ }
569
609
  .w-48 {
570
610
  width: calc(var(--spacing) * 48);
571
611
  }
@@ -632,6 +672,9 @@
632
672
  .max-w-\[calc\(100\%-2rem\)\] {
633
673
  max-width: calc(100% - 2rem);
634
674
  }
675
+ .max-w-md {
676
+ max-width: var(--container-md);
677
+ }
635
678
  .max-w-sm {
636
679
  max-width: var(--container-sm);
637
680
  }
@@ -766,6 +809,9 @@
766
809
  .auto-rows-min {
767
810
  grid-auto-rows: min-content;
768
811
  }
812
+ .grid-cols-1 {
813
+ grid-template-columns: repeat(1, minmax(0, 1fr));
814
+ }
769
815
  .grid-cols-2 {
770
816
  grid-template-columns: repeat(2, minmax(0, 1fr));
771
817
  }
@@ -887,6 +933,25 @@
887
933
  margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
888
934
  }
889
935
  }
936
+ .space-y-6 {
937
+ :where(& > :not(:last-child)) {
938
+ --tw-space-y-reverse: 0;
939
+ margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
940
+ margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
941
+ }
942
+ }
943
+ .gap-x-5 {
944
+ column-gap: calc(var(--spacing) * 5);
945
+ }
946
+ .gap-x-8 {
947
+ column-gap: calc(var(--spacing) * 8);
948
+ }
949
+ .gap-y-1 {
950
+ row-gap: calc(var(--spacing) * 1);
951
+ }
952
+ .gap-y-2 {
953
+ row-gap: calc(var(--spacing) * 2);
954
+ }
890
955
  .divide-x {
891
956
  :where(& > :not(:last-child)) {
892
957
  --tw-divide-x-reverse: 0;
@@ -942,6 +1007,9 @@
942
1007
  .rounded-4xl {
943
1008
  border-radius: var(--radius-4xl);
944
1009
  }
1010
+ .rounded-\[2px\] {
1011
+ border-radius: 2px;
1012
+ }
945
1013
  .rounded-\[4px\] {
946
1014
  border-radius: 4px;
947
1015
  }
@@ -981,10 +1049,18 @@
981
1049
  border-top-left-radius: calc(var(--radius) - 2px);
982
1050
  border-bottom-left-radius: calc(var(--radius) - 2px);
983
1051
  }
1052
+ .rounded-l-none {
1053
+ border-top-left-radius: 0;
1054
+ border-bottom-left-radius: 0;
1055
+ }
984
1056
  .rounded-r-md {
985
1057
  border-top-right-radius: calc(var(--radius) - 2px);
986
1058
  border-bottom-right-radius: calc(var(--radius) - 2px);
987
1059
  }
1060
+ .rounded-r-none {
1061
+ border-top-right-radius: 0;
1062
+ border-bottom-right-radius: 0;
1063
+ }
988
1064
  .rounded-b-md {
989
1065
  border-bottom-right-radius: calc(var(--radius) - 2px);
990
1066
  border-bottom-left-radius: calc(var(--radius) - 2px);
@@ -1025,6 +1101,10 @@
1025
1101
  border-left-style: var(--tw-border-style);
1026
1102
  border-left-width: 3px;
1027
1103
  }
1104
+ .border-dashed {
1105
+ --tw-border-style: dashed;
1106
+ border-style: dashed;
1107
+ }
1028
1108
  .border-none {
1029
1109
  --tw-border-style: none;
1030
1110
  border-style: none;
@@ -1152,6 +1232,12 @@
1152
1232
  background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
1153
1233
  }
1154
1234
  }
1235
+ .bg-destructive\/15 {
1236
+ background-color: var(--destructive);
1237
+ @supports (color: color-mix(in lab, red, red)) {
1238
+ background-color: color-mix(in oklab, var(--destructive) 15%, transparent);
1239
+ }
1240
+ }
1155
1241
  .bg-destructive\/20 {
1156
1242
  background-color: var(--destructive);
1157
1243
  @supports (color: color-mix(in lab, red, red)) {
@@ -1167,6 +1253,9 @@
1167
1253
  background-color: color-mix(in oklab, var(--foreground) 10%, transparent);
1168
1254
  }
1169
1255
  }
1256
+ .bg-info {
1257
+ background-color: var(--info);
1258
+ }
1170
1259
  .bg-info\/10 {
1171
1260
  background-color: var(--info);
1172
1261
  @supports (color: color-mix(in lab, red, red)) {
@@ -1251,6 +1340,12 @@
1251
1340
  background-color: color-mix(in oklab, var(--success) 10%, transparent);
1252
1341
  }
1253
1342
  }
1343
+ .bg-success\/15 {
1344
+ background-color: var(--success);
1345
+ @supports (color: color-mix(in lab, red, red)) {
1346
+ background-color: color-mix(in oklab, var(--success) 15%, transparent);
1347
+ }
1348
+ }
1254
1349
  .bg-switch-background {
1255
1350
  background-color: var(--switch-background);
1256
1351
  }
@@ -1275,15 +1370,48 @@
1275
1370
  .fill-background {
1276
1371
  fill: var(--background);
1277
1372
  }
1373
+ .fill-card {
1374
+ fill: var(--card);
1375
+ }
1278
1376
  .fill-current {
1279
1377
  fill: currentcolor;
1280
1378
  }
1379
+ .fill-destructive\/10 {
1380
+ fill: var(--destructive);
1381
+ @supports (color: color-mix(in lab, red, red)) {
1382
+ fill: color-mix(in oklab, var(--destructive) 10%, transparent);
1383
+ }
1384
+ }
1281
1385
  .fill-foreground {
1282
1386
  fill: var(--foreground);
1283
1387
  }
1388
+ .fill-info\/10 {
1389
+ fill: var(--info);
1390
+ @supports (color: color-mix(in lab, red, red)) {
1391
+ fill: color-mix(in oklab, var(--info) 10%, transparent);
1392
+ }
1393
+ }
1394
+ .fill-muted {
1395
+ fill: var(--muted);
1396
+ }
1397
+ .fill-muted-foreground {
1398
+ fill: var(--muted-foreground);
1399
+ }
1284
1400
  .fill-primary {
1285
1401
  fill: var(--primary);
1286
1402
  }
1403
+ .stroke-border {
1404
+ stroke: var(--border);
1405
+ }
1406
+ .stroke-destructive {
1407
+ stroke: var(--destructive);
1408
+ }
1409
+ .stroke-info {
1410
+ stroke: var(--info);
1411
+ }
1412
+ .stroke-muted-foreground {
1413
+ stroke: var(--muted-foreground);
1414
+ }
1287
1415
  .p-0 {
1288
1416
  padding: calc(var(--spacing) * 0);
1289
1417
  }
@@ -1383,6 +1511,9 @@
1383
1511
  .py-6 {
1384
1512
  padding-block: calc(var(--spacing) * 6);
1385
1513
  }
1514
+ .py-10 {
1515
+ padding-block: calc(var(--spacing) * 10);
1516
+ }
1386
1517
  .py-16 {
1387
1518
  padding-block: calc(var(--spacing) * 16);
1388
1519
  }
@@ -1398,6 +1529,9 @@
1398
1529
  .pt-12 {
1399
1530
  padding-top: calc(var(--spacing) * 12);
1400
1531
  }
1532
+ .pr-0\.5 {
1533
+ padding-right: calc(var(--spacing) * 0.5);
1534
+ }
1401
1535
  .pr-1 {
1402
1536
  padding-right: calc(var(--spacing) * 1);
1403
1537
  }
@@ -1434,6 +1568,9 @@
1434
1568
  .pl-2\.5 {
1435
1569
  padding-left: calc(var(--spacing) * 2.5);
1436
1570
  }
1571
+ .pl-5 {
1572
+ padding-left: calc(var(--spacing) * 5);
1573
+ }
1437
1574
  .pl-8 {
1438
1575
  padding-left: calc(var(--spacing) * 8);
1439
1576
  }
@@ -1486,6 +1623,15 @@
1486
1623
  font-size: var(--text-xs);
1487
1624
  line-height: var(--tw-leading, var(--text-xs--line-height));
1488
1625
  }
1626
+ .text-\[10px\] {
1627
+ font-size: 10px;
1628
+ }
1629
+ .text-\[11px\] {
1630
+ font-size: 11px;
1631
+ }
1632
+ .text-\[12px\] {
1633
+ font-size: 12px;
1634
+ }
1489
1635
  .text-\[28px\] {
1490
1636
  font-size: 28px;
1491
1637
  }
@@ -1559,6 +1705,10 @@
1559
1705
  --tw-font-weight: var(--font-weight-semibold);
1560
1706
  font-weight: var(--font-weight-semibold);
1561
1707
  }
1708
+ .tracking-tight {
1709
+ --tw-tracking: var(--tracking-tight);
1710
+ letter-spacing: var(--tracking-tight);
1711
+ }
1562
1712
  .tracking-wide {
1563
1713
  --tw-tracking: var(--tracking-wide);
1564
1714
  letter-spacing: var(--tracking-wide);
@@ -1642,6 +1792,9 @@
1642
1792
  .text-warning {
1643
1793
  color: var(--warning);
1644
1794
  }
1795
+ .text-warning-foreground {
1796
+ color: var(--warning-foreground);
1797
+ }
1645
1798
  .text-white {
1646
1799
  color: var(--color-white);
1647
1800
  }
@@ -1682,6 +1835,9 @@
1682
1835
  .opacity-50 {
1683
1836
  opacity: 50%;
1684
1837
  }
1838
+ .opacity-60 {
1839
+ opacity: 60%;
1840
+ }
1685
1841
  .opacity-70 {
1686
1842
  opacity: 70%;
1687
1843
  }
@@ -2124,6 +2280,13 @@
2124
2280
  }
2125
2281
  }
2126
2282
  }
2283
+ .hover\:border-primary {
2284
+ &:hover {
2285
+ @media (hover: hover) {
2286
+ border-color: var(--primary);
2287
+ }
2288
+ }
2289
+ }
2127
2290
  .hover\:bg-accent {
2128
2291
  &:hover {
2129
2292
  @media (hover: hover) {
@@ -2348,6 +2511,13 @@
2348
2511
  }
2349
2512
  }
2350
2513
  }
2514
+ .hover\:opacity-100 {
2515
+ &:hover {
2516
+ @media (hover: hover) {
2517
+ opacity: 100%;
2518
+ }
2519
+ }
2520
+ }
2351
2521
  .hover\:shadow-md {
2352
2522
  &:hover {
2353
2523
  @media (hover: hover) {
@@ -2485,6 +2655,12 @@
2485
2655
  text-decoration-line: underline;
2486
2656
  }
2487
2657
  }
2658
+ .focus-visible\:ring-1 {
2659
+ &:focus-visible {
2660
+ --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
2661
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
2662
+ }
2663
+ }
2488
2664
  .focus-visible\:ring-2 {
2489
2665
  &:focus-visible {
2490
2666
  --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -2772,6 +2948,11 @@
2772
2948
  height: calc(var(--spacing) * 8);
2773
2949
  }
2774
2950
  }
2951
+ .data-\[size\=sm\]\:min-h-8 {
2952
+ &[data-size="sm"] {
2953
+ min-height: calc(var(--spacing) * 8);
2954
+ }
2955
+ }
2775
2956
  .data-\[size\=sm\]\:gap-3 {
2776
2957
  &[data-size="sm"] {
2777
2958
  gap: calc(var(--spacing) * 3);
@@ -2956,6 +3137,11 @@
2956
3137
  max-width: var(--container-sm);
2957
3138
  }
2958
3139
  }
3140
+ .sm\:grid-cols-3 {
3141
+ @media (width >= 40rem) {
3142
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3143
+ }
3144
+ }
2959
3145
  .sm\:flex-row {
2960
3146
  @media (width >= 40rem) {
2961
3147
  flex-direction: row;
@@ -2976,6 +3162,11 @@
2976
3162
  display: none;
2977
3163
  }
2978
3164
  }
3165
+ .md\:grid-cols-4 {
3166
+ @media (width >= 48rem) {
3167
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3168
+ }
3169
+ }
2979
3170
  .md\:grid-cols-8 {
2980
3171
  @media (width >= 48rem) {
2981
3172
  grid-template-columns: repeat(8, minmax(0, 1fr));
@@ -2992,6 +3183,11 @@
2992
3183
  line-height: var(--tw-leading, var(--text-sm--line-height));
2993
3184
  }
2994
3185
  }
3186
+ .lg\:col-span-2 {
3187
+ @media (width >= 64rem) {
3188
+ grid-column: span 2 / span 2;
3189
+ }
3190
+ }
2995
3191
  .lg\:col-span-4 {
2996
3192
  @media (width >= 64rem) {
2997
3193
  grid-column: span 4 / span 4;
@@ -3007,11 +3203,31 @@
3007
3203
  display: flex;
3008
3204
  }
3009
3205
  }
3206
+ .lg\:w-80 {
3207
+ @media (width >= 64rem) {
3208
+ width: calc(var(--spacing) * 80);
3209
+ }
3210
+ }
3211
+ .lg\:grid-cols-3 {
3212
+ @media (width >= 64rem) {
3213
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3214
+ }
3215
+ }
3216
+ .lg\:grid-cols-4 {
3217
+ @media (width >= 64rem) {
3218
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3219
+ }
3220
+ }
3010
3221
  .lg\:grid-cols-16 {
3011
3222
  @media (width >= 64rem) {
3012
3223
  grid-template-columns: repeat(16, minmax(0, 1fr));
3013
3224
  }
3014
3225
  }
3226
+ .lg\:flex-row {
3227
+ @media (width >= 64rem) {
3228
+ flex-direction: row;
3229
+ }
3230
+ }
3015
3231
  .dark\:border-input {
3016
3232
  &:is(.dark *) {
3017
3233
  border-color: var(--input);
@@ -3357,6 +3573,23 @@
3357
3573
  color: var(--muted-foreground);
3358
3574
  }
3359
3575
  }
3576
+ .\[\&_\[data-slot\=table-container\]\]\:rounded-none {
3577
+ & [data-slot=table-container] {
3578
+ border-radius: 0;
3579
+ }
3580
+ }
3581
+ .\[\&_\[data-slot\=table-container\]\]\:border-0 {
3582
+ & [data-slot=table-container] {
3583
+ border-style: var(--tw-border-style);
3584
+ border-width: 0px;
3585
+ }
3586
+ }
3587
+ .\[\&_\[data-slot\=table-container\]\]\:shadow-none {
3588
+ & [data-slot=table-container] {
3589
+ --tw-shadow: 0 0 #0000;
3590
+ box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
3591
+ }
3592
+ }
3360
3593
  .\[\&_svg\]\:pointer-events-none {
3361
3594
  & svg {
3362
3595
  pointer-events: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@camunda/design-system",
3
- "version": "0.1.1",
3
+ "version": "0.3.0",
4
4
  "description": "Camunda's AI-first design system. shadcn + Tailwind components, design tokens aligned to Camunda's identity, and AI tooling for component authoring + migration.",
5
5
  "license": "Apache-2.0",
6
6
  "repository": {
@@ -130,6 +130,7 @@
130
130
  "react": "19.2.6",
131
131
  "react-docgen-typescript": "2.4.0",
132
132
  "react-dom": "19.2.6",
133
+ "recharts": "^3.8.1",
133
134
  "remark-gfm": "^4.0.1",
134
135
  "rimraf": "6.1.3",
135
136
  "storybook": "10.4.1",