@keboola/design 1.3.0 → 2.0.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 (69) hide show
  1. package/dist/icons.cjs +24 -0
  2. package/dist/icons.js +1 -1
  3. package/dist/index.cjs +278 -76
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +278 -78
  6. package/dist/index.js.map +1 -1
  7. package/dist/markdown-editor.cjs +39 -26
  8. package/dist/markdown-editor.cjs.map +1 -1
  9. package/dist/markdown-editor.js +39 -26
  10. package/dist/markdown-editor.js.map +1 -1
  11. package/dist/styles.css +1 -1
  12. package/package.json +4 -3
  13. package/src/blocks/AIKit/PlanApproval.tsx +29 -12
  14. package/src/blocks/AIKit/PromptInput.test.tsx +53 -0
  15. package/src/blocks/AIKit/PromptInput.tsx +1 -1
  16. package/src/blocks/AIKit/Question.tsx +39 -11
  17. package/src/blocks/AIKit/SuggestedPrompt.stories.tsx +2 -8
  18. package/src/blocks/EmptyState/EmptyState.stories.tsx +5 -5
  19. package/src/blocks/EmptyState/EmptyState.tsx +2 -2
  20. package/src/blocks/ErrorState/ErrorState.stories.tsx +6 -6
  21. package/src/blocks/ErrorState/ErrorState.tsx +3 -3
  22. package/src/blocks/MultiActionButtonGroup/MultiActionButton.tsx +2 -1
  23. package/src/blocks/PageHeader/AGENTS.md +1 -1
  24. package/src/blocks/PageHeader/PageHeader.stories.tsx +6 -3
  25. package/src/blocks/PageHeader/PageHeaderIndex.tsx +2 -2
  26. package/src/blocks/PageLayout/AGENTS.md +3 -3
  27. package/src/blocks/PageLayout/PageLayout.stories.tsx +7 -4
  28. package/src/blocks/PageLayout/PageLayout.tsx +1 -18
  29. package/src/blocks/PageToolbar/PageToolbar.stories.tsx +79 -74
  30. package/src/blocks/PageToolbar/PageToolbar.tsx +45 -4
  31. package/src/blocks/PageToolbar/PageToolbarToken.tsx +61 -0
  32. package/src/blocks/SearchInput/SearchInput.tsx +3 -3
  33. package/src/blocks/SearchInputWithNavigation/SearchInputWithNavigation.tsx +1 -1
  34. package/src/components/Alert/AlertDescription.tsx +5 -0
  35. package/src/components/Badge/Badge.stories.tsx +3 -5
  36. package/src/components/Breadcrumb/Breadcrumb.stories.tsx +4 -4
  37. package/src/components/Breadcrumb/BreadcrumbLink.tsx +1 -1
  38. package/src/components/Button/ButtonInline.stories.tsx +3 -3
  39. package/src/components/Button/ButtonInline.tsx +4 -0
  40. package/src/components/Card/Card.stories.tsx +2 -2
  41. package/src/components/FormGroup/FormGroup.stories.tsx +2 -2
  42. package/src/components/HoverCard/HoverCardContent.tsx +5 -0
  43. package/src/components/Input/Input.stories.tsx +2 -2
  44. package/src/components/InputGroup/InputGroup.stories.tsx +4 -5
  45. package/src/components/InputGroup/InputGroup.tsx +1 -1
  46. package/src/components/InputGroup/InputGroupAddon.tsx +35 -24
  47. package/src/components/Kbd/Kbd.stories.tsx +2 -2
  48. package/src/components/Label/Label.stories.tsx +2 -2
  49. package/src/components/Modal/ModalBody.tsx +5 -0
  50. package/src/components/Navbar/Navbar.stories.tsx +4 -5
  51. package/src/components/Pagination/Pagination.stories.tsx +0 -1
  52. package/src/components/Popover/PopoverContent.tsx +4 -0
  53. package/src/components/Search/Search.tsx +2 -2
  54. package/src/components/Select/SelectTrigger.tsx +1 -1
  55. package/src/components/Separator/Separator.stories.tsx +19 -0
  56. package/src/components/Separator/Separator.test.tsx +39 -0
  57. package/src/components/Separator/Separator.tsx +42 -11
  58. package/src/components/Sidebar/Sidebar.stories.tsx +6 -5
  59. package/src/components/Table/Table.stories.tsx +16 -16
  60. package/src/components/Timeline/Timeline.stories.tsx +8 -8
  61. package/src/components/Timeline/TimelineConnector.tsx +1 -1
  62. package/src/components/ToggleGroup/ToggleGroup.stories.tsx +60 -0
  63. package/src/components/ToggleGroup/ToggleGroup.tsx +99 -0
  64. package/src/components/ToggleGroup/index.ts +1 -0
  65. package/src/components/Tooltip/Tooltip.stories.tsx +2 -2
  66. package/src/hooks/useAutosizeInput.stories.tsx +2 -2
  67. package/src/icons/index.ts +6 -0
  68. package/src/index.ts +1 -0
  69. package/src/patterns/FilterToolbar.stories.tsx +248 -44
package/dist/icons.cjs CHANGED
@@ -86,6 +86,10 @@ Object.defineProperty(exports, "ArrowUp", {
86
86
  enumerable: true,
87
87
  get: function () { return lucideReact.ArrowUp; }
88
88
  });
89
+ Object.defineProperty(exports, "ArrowUpAZ", {
90
+ enumerable: true,
91
+ get: function () { return lucideReact.ArrowUpAZ; }
92
+ });
89
93
  Object.defineProperty(exports, "ArrowUpRight", {
90
94
  enumerable: true,
91
95
  get: function () { return lucideReact.ArrowUpRight; }
@@ -426,6 +430,10 @@ Object.defineProperty(exports, "ListChecks", {
426
430
  enumerable: true,
427
431
  get: function () { return lucideReact.ListChecks; }
428
432
  });
433
+ Object.defineProperty(exports, "ListFilter", {
434
+ enumerable: true,
435
+ get: function () { return lucideReact.ListFilter; }
436
+ });
429
437
  Object.defineProperty(exports, "ListOrdered", {
430
438
  enumerable: true,
431
439
  get: function () { return lucideReact.ListOrdered; }
@@ -494,10 +502,26 @@ Object.defineProperty(exports, "OctagonAlert", {
494
502
  enumerable: true,
495
503
  get: function () { return lucideReact.OctagonAlert; }
496
504
  });
505
+ Object.defineProperty(exports, "PanelBottomClose", {
506
+ enumerable: true,
507
+ get: function () { return lucideReact.PanelBottomClose; }
508
+ });
509
+ Object.defineProperty(exports, "PanelBottomOpen", {
510
+ enumerable: true,
511
+ get: function () { return lucideReact.PanelBottomOpen; }
512
+ });
497
513
  Object.defineProperty(exports, "PanelLeft", {
498
514
  enumerable: true,
499
515
  get: function () { return lucideReact.PanelLeft; }
500
516
  });
517
+ Object.defineProperty(exports, "PanelLeftClose", {
518
+ enumerable: true,
519
+ get: function () { return lucideReact.PanelLeftClose; }
520
+ });
521
+ Object.defineProperty(exports, "PanelLeftOpen", {
522
+ enumerable: true,
523
+ get: function () { return lucideReact.PanelLeftOpen; }
524
+ });
501
525
  Object.defineProperty(exports, "PartyPopper", {
502
526
  enumerable: true,
503
527
  get: function () { return lucideReact.PartyPopper; }
package/dist/icons.js CHANGED
@@ -1,4 +1,4 @@
1
- export { AlertCircle, AlertTriangle, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowBigUpDash, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftRight, ArrowLeftToLine, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpRight, Ban, Bell, BellRing, Bold, BookOpen, Braces, Bug, Calendar, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleArrowDown, CircleArrowRight, CircleArrowUp, CircleCheck, CircleChevronDown, CircleChevronUp, CircleHelp, CirclePause, CirclePlay, CirclePlus, CircleUser, CircleX, Clock, CloudDownload, Code, Cog, Columns2, Columns3, Copy, CreditCard, Crosshair, Database, Diamond, Download, Ellipsis, EllipsisVertical, Expand, ExternalLink, Eye, EyeOff, File, FileDown, FileInput, FileSpreadsheet, FileText, Flag, Folder, FolderOpen, FolderTree, FolderUp, Gauge, Gift, GitBranch, GitCompare, GitMerge, GitPullRequest, Globe, GripVertical, Heading1, Heading2, Heading3, History, Hourglass, Image, Info, Italic, KanbanSquare, Key, Keyboard, Layers, LayoutGrid, LineChart, Link, List, ListChecks, ListOrdered, Loader2, Lock, LogIn, Mail, Map, Maximize, Maximize2, Menu, MessageCircleQuestion, Minimize, Minimize2, Minus, Moon, MoveHorizontal, MoveVertical, OctagonAlert, PanelLeft, PartyPopper, Pause, Pencil, PencilLine, Pipette, Play, Plus, Quote, RefreshCw, Repeat, Repeat2, Reply, Rocket, RotateCcw, RotateCw, Rows3, ScanLine, Search, Send, Settings, Share, Share2, Slash, Sliders, SlidersHorizontal, Sparkle, Sparkles, Split, Square, SquareChevronRight, SquareCode, SquareKanban, SquarePen, SquareTerminal, Star, StickyNote, Strikethrough, Table, ThumbsDown, ThumbsUp, ToggleRight, Trash2, TriangleAlert, Type, Underline, Unlink, Upload, User, Users, Wand2, Warehouse, Webhook, Workflow, Wrench, X, XCircle, Zap } from 'lucide-react';
1
+ export { AlertCircle, AlertTriangle, AlignCenter, AlignJustify, AlignLeft, AlignRight, ArrowBigUpDash, ArrowDown, ArrowDownToLine, ArrowLeft, ArrowLeftRight, ArrowLeftToLine, ArrowRight, ArrowRightLeft, ArrowUp, ArrowUpAZ, ArrowUpRight, Ban, Bell, BellRing, Bold, BookOpen, Braces, Bug, Calendar, Camera, Check, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, ChevronsLeft, ChevronsRight, ChevronsUpDown, Circle, CircleAlert, CircleArrowDown, CircleArrowRight, CircleArrowUp, CircleCheck, CircleChevronDown, CircleChevronUp, CircleHelp, CirclePause, CirclePlay, CirclePlus, CircleUser, CircleX, Clock, CloudDownload, Code, Cog, Columns2, Columns3, Copy, CreditCard, Crosshair, Database, Diamond, Download, Ellipsis, EllipsisVertical, Expand, ExternalLink, Eye, EyeOff, File, FileDown, FileInput, FileSpreadsheet, FileText, Flag, Folder, FolderOpen, FolderTree, FolderUp, Gauge, Gift, GitBranch, GitCompare, GitMerge, GitPullRequest, Globe, GripVertical, Heading1, Heading2, Heading3, History, Hourglass, Image, Info, Italic, KanbanSquare, Key, Keyboard, Layers, LayoutGrid, LineChart, Link, List, ListChecks, ListFilter, ListOrdered, Loader2, Lock, LogIn, Mail, Map, Maximize, Maximize2, Menu, MessageCircleQuestion, Minimize, Minimize2, Minus, Moon, MoveHorizontal, MoveVertical, OctagonAlert, PanelBottomClose, PanelBottomOpen, PanelLeft, PanelLeftClose, PanelLeftOpen, PartyPopper, Pause, Pencil, PencilLine, Pipette, Play, Plus, Quote, RefreshCw, Repeat, Repeat2, Reply, Rocket, RotateCcw, RotateCw, Rows3, ScanLine, Search, Send, Settings, Share, Share2, Slash, Sliders, SlidersHorizontal, Sparkle, Sparkles, Split, Square, SquareChevronRight, SquareCode, SquareKanban, SquarePen, SquareTerminal, Star, StickyNote, Strikethrough, Table, ThumbsDown, ThumbsUp, ToggleRight, Trash2, TriangleAlert, Type, Underline, Unlink, Upload, User, Users, Wand2, Warehouse, Webhook, Workflow, Wrench, X, XCircle, Zap } from 'lucide-react';
2
2
  import { forwardRef } from 'react';
3
3
  import { jsxs, jsx } from 'react/jsx-runtime';
4
4