@keboola/design 2.0.0 → 2.0.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 (50) hide show
  1. package/dist/icons.cjs +8 -0
  2. package/dist/icons.js +1 -1
  3. package/dist/index.cjs +240 -38
  4. package/dist/index.cjs.map +1 -1
  5. package/dist/index.js +230 -41
  6. package/dist/index.js.map +1 -1
  7. package/dist/markdown-editor.cjs +39 -16
  8. package/dist/markdown-editor.cjs.map +1 -1
  9. package/dist/markdown-editor.js +39 -16
  10. package/dist/markdown-editor.js.map +1 -1
  11. package/dist/mermaid.cjs +32 -9
  12. package/dist/mermaid.cjs.map +1 -1
  13. package/dist/mermaid.js +32 -9
  14. package/dist/mermaid.js.map +1 -1
  15. package/dist/styles.css +1 -1
  16. package/package.json +5 -4
  17. package/src/blocks/EmptyState/EmptyState.tsx +2 -2
  18. package/src/blocks/ErrorState/ErrorState.tsx +18 -3
  19. package/src/blocks/InputOtp/InputOtp.stories.tsx +214 -0
  20. package/src/blocks/InputOtp/InputOtp.test.tsx +162 -0
  21. package/src/blocks/InputOtp/InputOtp.tsx +62 -0
  22. package/src/blocks/InputOtp/InputOtpGroup.tsx +13 -0
  23. package/src/blocks/InputOtp/InputOtpSeparator.tsx +23 -0
  24. package/src/blocks/InputOtp/InputOtpSlot.styles.ts +52 -0
  25. package/src/blocks/InputOtp/InputOtpSlot.tsx +44 -0
  26. package/src/blocks/InputOtp/context.ts +23 -0
  27. package/src/blocks/InputOtp/index.ts +23 -0
  28. package/src/components/Alert/AlertIcon.tsx +1 -1
  29. package/src/components/Badge/BadgeAddon.tsx +1 -1
  30. package/src/components/Badge/BadgeButton.tsx +1 -1
  31. package/src/components/Breadcrumb/BreadcrumbLink.tsx +1 -1
  32. package/src/components/Breadcrumb/BreadcrumbSeparator.tsx +1 -1
  33. package/src/components/Button/styles.ts +33 -10
  34. package/src/components/Combobox/ComboboxItemIndicator.tsx +1 -1
  35. package/src/components/Command/CommandItem/CommandItem.tsx +1 -1
  36. package/src/components/DropdownMenu/DropdownMenuItemIndicator.tsx +4 -4
  37. package/src/components/DropdownMenu/ItemIcon.tsx +1 -1
  38. package/src/components/Modal/ModalIcon.tsx +1 -1
  39. package/src/components/Navbar/NavbarMenuItemAdornment.tsx +2 -2
  40. package/src/components/Pagination/PaginationEllipsis.tsx +1 -1
  41. package/src/components/Select/SelectContent.tsx +1 -1
  42. package/src/components/Sidebar/SidebarGroup/SidebarGroupAction.tsx +1 -1
  43. package/src/components/Sidebar/SidebarMenu/SidebarMenuAction.tsx +1 -1
  44. package/src/components/Sidebar/SidebarMenu/SidebarMenuIcon.tsx +1 -1
  45. package/src/components/Timeline/TimelineConnector.tsx +5 -1
  46. package/src/components/Toast/ToastDismiss.tsx +1 -1
  47. package/src/components/Toast/ToastRoot.tsx +1 -1
  48. package/src/components/Toggle/Toggle.tsx +1 -1
  49. package/src/icons/index.ts +2 -0
  50. package/src/index.ts +1 -0
package/dist/markdown-editor.js CHANGED
@@ -586,15 +586,38 @@ var init_styles = __esm({
586
586
  ]
587
587
  },
588
588
  size: {
589
- medium: ["tw-max-h-10", "tw-min-h-10", "tw-px-4", "tw-py-2.5", "[&_svg]:tw-size-4"],
590
- small: ["tw-max-h-8", "tw-min-h-8", "tw-px-4", "tw-py-1.5", "[&_svg]:tw-size-4"],
591
- large: ["tw-max-h-12", "tw-min-h-12", "tw-px-4", "tw-py-3.5", "[&_svg]:tw-size-4"],
592
- "icon-lg": ["tw-size-12", "tw-p-0", "[&_svg]:tw-size-6"],
593
- icon: ["tw-size-10", "tw-p-0", "[&_svg]:tw-size-4"],
594
- "icon-sm": ["tw-size-8", "tw-p-0", "[&_svg]:tw-size-4"],
595
- "icon-xs": ["tw-size-6", "tw-p-0", "[&_svg]:tw-size-4"],
596
- "icon-2xs": ["!tw-inline-flex", "tw-size-5", "tw-max-h-5", "[&_svg]:tw-size-3"],
597
- "icon-3xs": ["tw-h-fit", "tw-w-fit", "[&_svg]:tw-size-4"]
589
+ medium: [
590
+ "tw-max-h-10",
591
+ "tw-min-h-10",
592
+ "tw-px-4",
593
+ "tw-py-2.5",
594
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4'
595
+ ],
596
+ small: [
597
+ "tw-max-h-8",
598
+ "tw-min-h-8",
599
+ "tw-px-4",
600
+ "tw-py-1.5",
601
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4'
602
+ ],
603
+ large: [
604
+ "tw-max-h-12",
605
+ "tw-min-h-12",
606
+ "tw-px-4",
607
+ "tw-py-3.5",
608
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4'
609
+ ],
610
+ "icon-lg": ["tw-size-12", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-6'],
611
+ icon: ["tw-size-10", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
612
+ "icon-sm": ["tw-size-8", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
613
+ "icon-xs": ["tw-size-6", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
614
+ "icon-2xs": [
615
+ "!tw-inline-flex",
616
+ "tw-size-5",
617
+ "tw-max-h-5",
618
+ '[&_svg:not([class*="tw-size-"])]:tw-size-3'
619
+ ],
620
+ "icon-3xs": ["tw-h-fit", "tw-w-fit", '[&_svg:not([class*="tw-size-"])]:tw-size-4']
598
621
  }
599
622
  }
600
623
  }
@@ -1618,7 +1641,7 @@ var ToastDismiss = ({
1618
1641
  "tw-row-start-1",
1619
1642
  "tailwindcss-preflight",
1620
1643
  "[&_svg]:tw-aspect-square",
1621
- "[&_svg]:tw-size-4",
1644
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4',
1622
1645
  "[&_svg]:tw-m-1",
1623
1646
  "tw-text-white",
1624
1647
  "group-data-[variant=default]/toast:[&_svg]:tw-text-popover-foreground",
@@ -1775,7 +1798,7 @@ var ToastRoot = ({
1775
1798
  "tw-aspect-square",
1776
1799
  "tw-size-5",
1777
1800
  "tw-shrink-0",
1778
- "[&_svg]:tw-size-5",
1801
+ '[&_svg:not([class*="tw-size-"])]:tw-size-5',
1779
1802
  "tw-text-white",
1780
1803
  "group-data-[variant=default]/toast:tw-text-popover-foreground"
1781
1804
  ),
@@ -2207,7 +2230,7 @@ var variants3 = cva(
2207
2230
  "tw-border-border",
2208
2231
  "tw-rounded-full",
2209
2232
  "tw-bg-white",
2210
- "[&_svg]:tw-size-2",
2233
+ '[&_svg:not([class*="tw-size-"])]:tw-size-2',
2211
2234
  "[&_svg]:data-[state=unchecked]:tw-hidden",
2212
2235
  // Lucide Circle is stroke-only — force fill to match the stroke
2213
2236
  // (currentColor) so the indicator reads as a solid dot.
@@ -2215,14 +2238,14 @@ var variants3 = cva(
2215
2238
  "group-data-[variant=argo]/dropdown-menu-content:[&_svg]:tw-text-primary",
2216
2239
  "group-data-[variant=default]/dropdown-menu-content:[&_svg]:tw-text-secondary-500"
2217
2240
  ],
2218
- check: ["[&_svg]:tw-size-3.5", "[&_svg]:tw-text-primary"],
2241
+ check: ['[&_svg:not([class*="tw-size-"])]:tw-size-3.5', "[&_svg]:tw-text-primary"],
2219
2242
  checkbox: [
2220
2243
  "[&_svg]:tw-text-white",
2221
2244
  "tw-border",
2222
2245
  "tw-border-solid",
2223
2246
  "tw-border-neutral-200",
2224
2247
  "tw-rounded",
2225
- "[&_svg]:tw-size-3",
2248
+ '[&_svg:not([class*="tw-size-"])]:tw-size-3',
2226
2249
  "[&_svg]:data-[state=unchecked]:tw-hidden",
2227
2250
  "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-border-primary",
2228
2251
  "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-bg-primary",
@@ -2233,7 +2256,7 @@ var variants3 = cva(
2233
2256
  "tw-size-5",
2234
2257
  // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight
2235
2258
  // to the indicator slot so it doesn't overflow.
2236
- "[&_svg]:tw-size-5",
2259
+ '[&_svg:not([class*="tw-size-"])]:tw-size-5',
2237
2260
  "tw-text-neutral-400",
2238
2261
  "data-[state=unchecked]:tw-rotate-180",
2239
2262
  "group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:tw-text-secondary-500",
@@ -2284,7 +2307,7 @@ var ItemIcon = ({ className, children, ...props }) => /* @__PURE__ */ jsx(
2284
2307
  // 20px container fits the 16px Lucide glyph plus 2px breathing room
2285
2308
  // each side — the previous tw-size-4 + tw-p-0.5 clipped the 16px child.
2286
2309
  "tw-size-5",
2287
- "[&_svg]:tw-size-4",
2310
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4',
2288
2311
  "group-data-[variant=default]/dropdown-menu-content:tw-text-neutral-400",
2289
2312
  "group-data-[variant=argo]/dropdown-menu-content:tw-text-primary",
2290
2313
  "group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:tw-text-muted-foreground",