@boostdev/design-system-components 1.1.0 → 1.1.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 (72) hide show
  1. package/AGENTS.md +46 -5
  2. package/dist/client.cjs +206 -113
  3. package/dist/client.css +664 -624
  4. package/dist/client.d.cts +9 -3
  5. package/dist/client.d.ts +9 -3
  6. package/dist/client.js +241 -149
  7. package/dist/index.cjs +206 -113
  8. package/dist/index.css +664 -624
  9. package/dist/index.d.cts +9 -3
  10. package/dist/index.d.ts +9 -3
  11. package/dist/index.js +241 -149
  12. package/dist/web-components.d.ts +1 -0
  13. package/dist/web-components.js +10 -0
  14. package/package.json +1 -1
  15. package/src/components/interaction/Button/Button.module.css +1 -1
  16. package/src/components/interaction/Button/Button.native.mdx +72 -0
  17. package/src/components/interaction/Command/Command.module.css +7 -7
  18. package/src/components/interaction/Command/Command.spec.tsx +37 -0
  19. package/src/components/interaction/Command/Command.tsx +37 -2
  20. package/src/components/interaction/Dialog/Dialog.module.css +10 -13
  21. package/src/components/interaction/Dialog/Dialog.spec.tsx +53 -1
  22. package/src/components/interaction/Dialog/Dialog.stories.tsx +17 -0
  23. package/src/components/interaction/Dialog/Dialog.tsx +50 -16
  24. package/src/components/interaction/Drawer/Drawer.module.css +11 -11
  25. package/src/components/interaction/Drawer/Drawer.spec.tsx +48 -1
  26. package/src/components/interaction/Drawer/Drawer.tsx +38 -4
  27. package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +6 -6
  28. package/src/components/interaction/Popover/Popover.module.css +74 -15
  29. package/src/components/interaction/Popover/Popover.spec.tsx +94 -59
  30. package/src/components/interaction/Popover/Popover.tsx +44 -60
  31. package/src/components/interaction/Toast/Toast.module.css +7 -7
  32. package/src/components/interaction/form/Checkbox/Checkbox.module.css +6 -6
  33. package/src/components/interaction/form/Checkbox/Checkbox.native.mdx +74 -0
  34. package/src/components/interaction/form/Combobox/Combobox.module.css +7 -8
  35. package/src/components/interaction/form/FileInput/FileInput.module.css +4 -4
  36. package/src/components/interaction/form/NumberInput/NumberInput.module.css +1 -1
  37. package/src/components/interaction/form/Radio/Radio.module.css +6 -6
  38. package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +5 -6
  39. package/src/components/interaction/form/Select/Select.module.css +3 -3
  40. package/src/components/interaction/form/Slider/Slider.module.css +6 -6
  41. package/src/components/interaction/form/Switch/Switch.module.css +8 -8
  42. package/src/components/interaction/form/Textarea/Textarea.module.css +1 -1
  43. package/src/components/layout/IconWrapper/IconWrapper.module.css +2 -2
  44. package/src/components/ui/Accordion/Accordion.module.css +5 -5
  45. package/src/components/ui/Alert/Alert.native.mdx +62 -0
  46. package/src/components/ui/Avatar/Avatar.native.mdx +50 -0
  47. package/src/components/ui/Badge/Badge.native.mdx +54 -0
  48. package/src/components/ui/Calendar/Calendar.module.css +7 -7
  49. package/src/components/ui/Carousel/Carousel.module.css +5 -5
  50. package/src/components/ui/Collapsible/Collapsible.module.css +4 -4
  51. package/src/components/ui/Link/Link.module.css +2 -2
  52. package/src/components/ui/Loading/Loading.module.css +7 -7
  53. package/src/components/ui/NotificationBanner/NotificationBanner.module.css +3 -3
  54. package/src/components/ui/Pagination/Pagination.module.css +6 -6
  55. package/src/components/ui/Progress/Progress.module.css +5 -5
  56. package/src/components/ui/Separator/Separator.module.css +3 -3
  57. package/src/components/ui/Skeleton/Skeleton.module.css +1 -1
  58. package/src/components/ui/Table/Table.module.css +9 -9
  59. package/src/components/ui/Tabs/Tabs.module.css +3 -3
  60. package/src/components/ui/Tooltip/Tooltip.module.css +8 -8
  61. package/src/components/ui/Typography/Typography.native.mdx +56 -0
  62. package/src/polyfill-invoker-commands.ts +68 -0
  63. package/src/react-augment.d.ts +19 -0
  64. package/src/stories/ReactNative.mdx +121 -0
  65. package/src/web-components/interaction/BdsButton.mdx +106 -0
  66. package/src/web-components/interaction/BdsPopover.mdx +120 -0
  67. package/src/web-components/interaction/BdsToastProvider.mdx +94 -0
  68. package/src/web-components/interaction/bds-popover.spec.ts +49 -1
  69. package/src/web-components/interaction/bds-popover.ts +12 -0
  70. package/src/web-components/test/helpers.ts +8 -0
  71. package/src/web-components/ui/BdsAlert.mdx +90 -0
  72. package/src/web-components/ui/BdsBadge.mdx +74 -0
package/dist/index.d.cts CHANGED
@@ -228,29 +228,35 @@ interface CommandItem {
228
228
  onSelect: () => void;
229
229
  }
230
230
  interface CommandProps extends WithClassName {
231
+ id?: string;
231
232
  isOpen: boolean;
233
+ onOpen?: () => void;
232
234
  onClose: () => void;
233
235
  items: CommandItem[];
234
236
  placeholder?: string;
235
237
  }
236
- declare function Command({ isOpen, onClose, items, placeholder, className, }: Readonly<CommandProps>): react_jsx_runtime.JSX.Element;
238
+ declare function Command({ id: idProp, isOpen, onOpen, onClose, items, placeholder, className, }: Readonly<CommandProps>): react_jsx_runtime.JSX.Element;
237
239
 
238
240
  interface DialogProps extends WithClassName {
239
241
  children: ReactNode;
242
+ id?: string;
240
243
  isOpen?: boolean;
244
+ onOpen?: () => void;
241
245
  onClose?: () => void;
242
246
  }
243
- declare function Dialog({ children, isOpen, className, onClose }: DialogProps): react_jsx_runtime.JSX.Element;
247
+ declare function Dialog({ children, id: idProp, isOpen, className, onOpen, onClose }: DialogProps): react_jsx_runtime.JSX.Element;
244
248
 
245
249
  interface DrawerProps extends WithClassName {
250
+ id?: string;
246
251
  isOpen: boolean;
252
+ onOpen?: () => void;
247
253
  onClose: () => void;
248
254
  title: ReactNode;
249
255
  children: ReactNode;
250
256
  side?: 'left' | 'right';
251
257
  ariaLabel?: string;
252
258
  }
253
- declare function Drawer({ isOpen, onClose, title, children, side, ariaLabel, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
259
+ declare function Drawer({ id: idProp, isOpen, onOpen, onClose, title, children, side, ariaLabel, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
254
260
 
255
261
  interface DropdownMenuItem {
256
262
  id: string;
package/dist/index.d.ts CHANGED
@@ -228,29 +228,35 @@ interface CommandItem {
228
228
  onSelect: () => void;
229
229
  }
230
230
  interface CommandProps extends WithClassName {
231
+ id?: string;
231
232
  isOpen: boolean;
233
+ onOpen?: () => void;
232
234
  onClose: () => void;
233
235
  items: CommandItem[];
234
236
  placeholder?: string;
235
237
  }
236
- declare function Command({ isOpen, onClose, items, placeholder, className, }: Readonly<CommandProps>): react_jsx_runtime.JSX.Element;
238
+ declare function Command({ id: idProp, isOpen, onOpen, onClose, items, placeholder, className, }: Readonly<CommandProps>): react_jsx_runtime.JSX.Element;
237
239
 
238
240
  interface DialogProps extends WithClassName {
239
241
  children: ReactNode;
242
+ id?: string;
240
243
  isOpen?: boolean;
244
+ onOpen?: () => void;
241
245
  onClose?: () => void;
242
246
  }
243
- declare function Dialog({ children, isOpen, className, onClose }: DialogProps): react_jsx_runtime.JSX.Element;
247
+ declare function Dialog({ children, id: idProp, isOpen, className, onOpen, onClose }: DialogProps): react_jsx_runtime.JSX.Element;
244
248
 
245
249
  interface DrawerProps extends WithClassName {
250
+ id?: string;
246
251
  isOpen: boolean;
252
+ onOpen?: () => void;
247
253
  onClose: () => void;
248
254
  title: ReactNode;
249
255
  children: ReactNode;
250
256
  side?: 'left' | 'right';
251
257
  ariaLabel?: string;
252
258
  }
253
- declare function Drawer({ isOpen, onClose, title, children, side, ariaLabel, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
259
+ declare function Drawer({ id: idProp, isOpen, onOpen, onClose, title, children, side, ariaLabel, className, }: Readonly<DrawerProps>): react_jsx_runtime.JSX.Element;
254
260
 
255
261
  interface DropdownMenuItem {
256
262
  id: string;