@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.cjs CHANGED
@@ -816,7 +816,10 @@ var init_ButtonInline = __esm({
816
816
  "disabled:tw-cursor-not-allowed",
817
817
  "disabled:tw-text-neutral-500",
818
818
  "disabled:tw-no-underline",
819
- "[&_svg]:disabled:tw-text-neutral-400"
819
+ "[&_svg]:disabled:tw-text-neutral-400",
820
+ // Default size for nested Lucide icons; callers can override on the icon.
821
+ "[&_svg:not([class*='tw-size-'])]:tw-size-4",
822
+ "[&_svg]:tw-shrink-0"
820
823
  ],
821
824
  {
822
825
  defaultVariants: {
@@ -3016,32 +3019,42 @@ init_utils();
3016
3019
 
3017
3020
  // src/components/InputGroup/InputGroupAddon.tsx
3018
3021
  init_utils();
3019
- var addonVariants = classVarianceAuthority.cva(["tw-flex", "tw-items-center", "tw-gap-1"], {
3020
- defaultVariants: {
3021
- align: "inline-start"
3022
- },
3023
- variants: {
3024
- align: {
3025
- "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
3026
- "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
3027
- "block-start": [
3028
- "tw-order-first",
3029
- // `tw-w-full` needs to be empty-conditional too — when the addon
3030
- // has no content the root stays in flex-row, and a 100%-wide
3031
- // empty addon would claim half of the input row beside the input.
3032
- "[&:not(:empty)]:tw-w-full",
3033
- "[&:not(:empty)]:tw-px-4",
3034
- "[&:not(:empty)]:tw-py-1.5"
3035
- ],
3036
- "block-end": [
3037
- "tw-order-last",
3038
- "[&:not(:empty)]:tw-w-full",
3039
- "[&:not(:empty)]:tw-px-4",
3040
- "[&:not(:empty)]:tw-py-1.5"
3041
- ]
3022
+ var addonVariants = classVarianceAuthority.cva(
3023
+ [
3024
+ "tw-flex",
3025
+ "tw-items-center",
3026
+ "tw-gap-1",
3027
+ // Default size for nested Lucide icons in prefix/suffix slots; callers can override on the icon.
3028
+ "[&_svg:not([class*='tw-size-'])]:tw-size-4",
3029
+ "[&_svg]:tw-shrink-0"
3030
+ ],
3031
+ {
3032
+ defaultVariants: {
3033
+ align: "inline-start"
3034
+ },
3035
+ variants: {
3036
+ align: {
3037
+ "inline-start": ["tw-order-first", "[&:not(:empty)]:tw-pl-4"],
3038
+ "inline-end": ["tw-order-last", "[&:not(:empty)]:tw-pr-4"],
3039
+ "block-start": [
3040
+ "tw-order-first",
3041
+ // `tw-w-full` needs to be empty-conditional too — when the addon
3042
+ // has no content the root stays in flex-row, and a 100%-wide
3043
+ // empty addon would claim half of the input row beside the input.
3044
+ "[&:not(:empty)]:tw-w-full",
3045
+ "[&:not(:empty)]:tw-px-4",
3046
+ "[&:not(:empty)]:tw-py-1.5"
3047
+ ],
3048
+ "block-end": [
3049
+ "tw-order-last",
3050
+ "[&:not(:empty)]:tw-w-full",
3051
+ "[&:not(:empty)]:tw-px-4",
3052
+ "[&:not(:empty)]:tw-py-1.5"
3053
+ ]
3054
+ }
3042
3055
  }
3043
3056
  }
3044
- });
3057
+ );
3045
3058
  var InputGroupAddon = ({
3046
3059
  children,
3047
3060
  align = "inline-start",
@@ -3213,7 +3226,7 @@ var inputGroupVariants = classVarianceAuthority.cva(
3213
3226
  defaultVariants: {
3214
3227
  variant: "primary",
3215
3228
  state: "default",
3216
- sizing: "default",
3229
+ sizing: "medium",
3217
3230
  focusVariant: "default"
3218
3231
  },
3219
3232
  compoundVariants: [