@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.cjs CHANGED
@@ -613,15 +613,38 @@ var init_styles = __esm({
613
613
  ]
614
614
  },
615
615
  size: {
616
- medium: ["tw-max-h-10", "tw-min-h-10", "tw-px-4", "tw-py-2.5", "[&_svg]:tw-size-4"],
617
- small: ["tw-max-h-8", "tw-min-h-8", "tw-px-4", "tw-py-1.5", "[&_svg]:tw-size-4"],
618
- large: ["tw-max-h-12", "tw-min-h-12", "tw-px-4", "tw-py-3.5", "[&_svg]:tw-size-4"],
619
- "icon-lg": ["tw-size-12", "tw-p-0", "[&_svg]:tw-size-6"],
620
- icon: ["tw-size-10", "tw-p-0", "[&_svg]:tw-size-4"],
621
- "icon-sm": ["tw-size-8", "tw-p-0", "[&_svg]:tw-size-4"],
622
- "icon-xs": ["tw-size-6", "tw-p-0", "[&_svg]:tw-size-4"],
623
- "icon-2xs": ["!tw-inline-flex", "tw-size-5", "tw-max-h-5", "[&_svg]:tw-size-3"],
624
- "icon-3xs": ["tw-h-fit", "tw-w-fit", "[&_svg]:tw-size-4"]
616
+ medium: [
617
+ "tw-max-h-10",
618
+ "tw-min-h-10",
619
+ "tw-px-4",
620
+ "tw-py-2.5",
621
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4'
622
+ ],
623
+ small: [
624
+ "tw-max-h-8",
625
+ "tw-min-h-8",
626
+ "tw-px-4",
627
+ "tw-py-1.5",
628
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4'
629
+ ],
630
+ large: [
631
+ "tw-max-h-12",
632
+ "tw-min-h-12",
633
+ "tw-px-4",
634
+ "tw-py-3.5",
635
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4'
636
+ ],
637
+ "icon-lg": ["tw-size-12", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-6'],
638
+ icon: ["tw-size-10", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
639
+ "icon-sm": ["tw-size-8", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
640
+ "icon-xs": ["tw-size-6", "tw-p-0", '[&_svg:not([class*="tw-size-"])]:tw-size-4'],
641
+ "icon-2xs": [
642
+ "!tw-inline-flex",
643
+ "tw-size-5",
644
+ "tw-max-h-5",
645
+ '[&_svg:not([class*="tw-size-"])]:tw-size-3'
646
+ ],
647
+ "icon-3xs": ["tw-h-fit", "tw-w-fit", '[&_svg:not([class*="tw-size-"])]:tw-size-4']
625
648
  }
626
649
  }
627
650
  }
@@ -1645,7 +1668,7 @@ var ToastDismiss = ({
1645
1668
  "tw-row-start-1",
1646
1669
  "tailwindcss-preflight",
1647
1670
  "[&_svg]:tw-aspect-square",
1648
- "[&_svg]:tw-size-4",
1671
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4',
1649
1672
  "[&_svg]:tw-m-1",
1650
1673
  "tw-text-white",
1651
1674
  "group-data-[variant=default]/toast:[&_svg]:tw-text-popover-foreground",
@@ -1802,7 +1825,7 @@ var ToastRoot = ({
1802
1825
  "tw-aspect-square",
1803
1826
  "tw-size-5",
1804
1827
  "tw-shrink-0",
1805
- "[&_svg]:tw-size-5",
1828
+ '[&_svg:not([class*="tw-size-"])]:tw-size-5',
1806
1829
  "tw-text-white",
1807
1830
  "group-data-[variant=default]/toast:tw-text-popover-foreground"
1808
1831
  ),
@@ -2234,7 +2257,7 @@ var variants3 = classVarianceAuthority.cva(
2234
2257
  "tw-border-border",
2235
2258
  "tw-rounded-full",
2236
2259
  "tw-bg-white",
2237
- "[&_svg]:tw-size-2",
2260
+ '[&_svg:not([class*="tw-size-"])]:tw-size-2',
2238
2261
  "[&_svg]:data-[state=unchecked]:tw-hidden",
2239
2262
  // Lucide Circle is stroke-only — force fill to match the stroke
2240
2263
  // (currentColor) so the indicator reads as a solid dot.
@@ -2242,14 +2265,14 @@ var variants3 = classVarianceAuthority.cva(
2242
2265
  "group-data-[variant=argo]/dropdown-menu-content:[&_svg]:tw-text-primary",
2243
2266
  "group-data-[variant=default]/dropdown-menu-content:[&_svg]:tw-text-secondary-500"
2244
2267
  ],
2245
- check: ["[&_svg]:tw-size-3.5", "[&_svg]:tw-text-primary"],
2268
+ check: ['[&_svg:not([class*="tw-size-"])]:tw-size-3.5', "[&_svg]:tw-text-primary"],
2246
2269
  checkbox: [
2247
2270
  "[&_svg]:tw-text-white",
2248
2271
  "tw-border",
2249
2272
  "tw-border-solid",
2250
2273
  "tw-border-neutral-200",
2251
2274
  "tw-rounded",
2252
- "[&_svg]:tw-size-3",
2275
+ '[&_svg:not([class*="tw-size-"])]:tw-size-3',
2253
2276
  "[&_svg]:data-[state=unchecked]:tw-hidden",
2254
2277
  "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-border-primary",
2255
2278
  "group-data-[variant=argo]/dropdown-menu-content:data-[state=checked]:tw-bg-primary",
@@ -2260,7 +2283,7 @@ var variants3 = classVarianceAuthority.cva(
2260
2283
  "tw-size-5",
2261
2284
  // Lucide SVGs default to 24×24 — constrain the rendered ToggleRight
2262
2285
  // to the indicator slot so it doesn't overflow.
2263
- "[&_svg]:tw-size-5",
2286
+ '[&_svg:not([class*="tw-size-"])]:tw-size-5',
2264
2287
  "tw-text-neutral-400",
2265
2288
  "data-[state=unchecked]:tw-rotate-180",
2266
2289
  "group-data-[variant=default]/dropdown-menu-content:data-[state=checked]:tw-text-secondary-500",
@@ -2311,7 +2334,7 @@ var ItemIcon = ({ className, children, ...props }) => /* @__PURE__ */ jsxRuntime
2311
2334
  // 20px container fits the 16px Lucide glyph plus 2px breathing room
2312
2335
  // each side — the previous tw-size-4 + tw-p-0.5 clipped the 16px child.
2313
2336
  "tw-size-5",
2314
- "[&_svg]:tw-size-4",
2337
+ '[&_svg:not([class*="tw-size-"])]:tw-size-4',
2315
2338
  "group-data-[variant=default]/dropdown-menu-content:tw-text-neutral-400",
2316
2339
  "group-data-[variant=argo]/dropdown-menu-content:tw-text-primary",
2317
2340
  "group-data-[variant=argo]/dropdown-menu-content:group-aria-disabled:tw-text-muted-foreground",