@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/markdown-editor.js CHANGED
@@ -789,7 +789,10 @@ var init_ButtonInline = __esm({
789
789
  "disabled:tw-cursor-not-allowed",
790
790
  "disabled:tw-text-neutral-500",
791
791
  "disabled:tw-no-underline",
792
- "[&_svg]:disabled:tw-text-neutral-400"
792
+ "[&_svg]:disabled:tw-text-neutral-400",
793
+ // Default size for nested Lucide icons; callers can override on the icon.
794
+ "[&_svg:not([class*='tw-size-'])]:tw-size-4",
795
+ "[&_svg]:tw-shrink-0"
793
796
  ],
794
797
  {
795
798
  defaultVariants: {
@@ -2989,32 +2992,42 @@ init_utils();
2989
2992
 
2990
2993
  // src/components/InputGroup/InputGroupAddon.tsx
2991
2994
  init_utils();
2992
- var addonVariants = cva(["tw-flex", "tw-items-center", "tw-gap-1"], {
2993
- defaultVariants: {
2994
- align: "inline-start"
2995
- },
2996
- variants: {
2997
- align: {
2998
- "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
2999
- "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
3000
- "block-start": [
3001
- "tw-order-first",
3002
- // `tw-w-full` needs to be empty-conditional too — when the addon
3003
- // has no content the root stays in flex-row, and a 100%-wide
3004
- // empty addon would claim half of the input row beside the input.
3005
- "[&:not(:empty)]:tw-w-full",
3006
- "[&:not(:empty)]:tw-px-4",
3007
- "[&:not(:empty)]:tw-py-1.5"
3008
- ],
3009
- "block-end": [
3010
- "tw-order-last",
3011
- "[&:not(:empty)]:tw-w-full",
3012
- "[&:not(:empty)]:tw-px-4",
3013
- "[&:not(:empty)]:tw-py-1.5"
3014
- ]
2995
+ var addonVariants = cva(
2996
+ [
2997
+ "tw-flex",
2998
+ "tw-items-center",
2999
+ "tw-gap-1",
3000
+ // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
3001
+ "[&_svg:not([class*='tw-size-'])]:tw-size-4",
3002
+ "[&_svg]:tw-shrink-0"
3003
+ ],
3004
+ {
3005
+ defaultVariants: {
3006
+ align: "inline-start"
3007
+ },
3008
+ variants: {
3009
+ align: {
3010
+ "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
3011
+ "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
3012
+ "block-start": [
3013
+ "tw-order-first",
3014
+ // `tw-w-full` needs to be empty-conditional too — when the addon
3015
+ // has no content the root stays in flex-row, and a 100%-wide
3016
+ // empty addon would claim half of the input row beside the input.
3017
+ "[&:not(:empty)]:tw-w-full",
3018
+ "[&:not(:empty)]:tw-px-4",
3019
+ "[&:not(:empty)]:tw-py-1.5"
3020
+ ],
3021
+ "block-end": [
3022
+ "tw-order-last",
3023
+ "[&:not(:empty)]:tw-w-full",
3024
+ "[&:not(:empty)]:tw-px-4",
3025
+ "[&:not(:empty)]:tw-py-1.5"
3026
+ ]
3027
+ }
3015
3028
  }
3016
3029
  }
3017
- });
3030
+ );
3018
3031
  var InputGroupAddon = ({
3019
3032
  children,
3020
3033
  align = "inline-start",
@@ -3186,7 +3199,7 @@ var inputGroupVariants = cva(
3186
3199
  defaultVariants: {
3187
3200
  variant: "primary",
3188
3201
  state: "default",
3189
- sizing: "default",
3202
+ sizing: "medium",
3190
3203
  focusVariant: "default"
3191
3204
  },
3192
3205
  compoundVariants: [