@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.
- package/AGENTS.md +46 -5
- package/dist/client.cjs +206 -113
- package/dist/client.css +664 -624
- package/dist/client.d.cts +9 -3
- package/dist/client.d.ts +9 -3
- package/dist/client.js +241 -149
- package/dist/index.cjs +206 -113
- package/dist/index.css +664 -624
- package/dist/index.d.cts +9 -3
- package/dist/index.d.ts +9 -3
- package/dist/index.js +241 -149
- package/dist/web-components.d.ts +1 -0
- package/dist/web-components.js +10 -0
- package/package.json +1 -1
- package/src/components/interaction/Button/Button.module.css +1 -1
- package/src/components/interaction/Button/Button.native.mdx +72 -0
- package/src/components/interaction/Command/Command.module.css +7 -7
- package/src/components/interaction/Command/Command.spec.tsx +37 -0
- package/src/components/interaction/Command/Command.tsx +37 -2
- package/src/components/interaction/Dialog/Dialog.module.css +10 -13
- package/src/components/interaction/Dialog/Dialog.spec.tsx +53 -1
- package/src/components/interaction/Dialog/Dialog.stories.tsx +17 -0
- package/src/components/interaction/Dialog/Dialog.tsx +50 -16
- package/src/components/interaction/Drawer/Drawer.module.css +11 -11
- package/src/components/interaction/Drawer/Drawer.spec.tsx +48 -1
- package/src/components/interaction/Drawer/Drawer.tsx +38 -4
- package/src/components/interaction/DropdownMenu/DropdownMenu.module.css +6 -6
- package/src/components/interaction/Popover/Popover.module.css +74 -15
- package/src/components/interaction/Popover/Popover.spec.tsx +94 -59
- package/src/components/interaction/Popover/Popover.tsx +44 -60
- package/src/components/interaction/Toast/Toast.module.css +7 -7
- package/src/components/interaction/form/Checkbox/Checkbox.module.css +6 -6
- package/src/components/interaction/form/Checkbox/Checkbox.native.mdx +74 -0
- package/src/components/interaction/form/Combobox/Combobox.module.css +7 -8
- package/src/components/interaction/form/FileInput/FileInput.module.css +4 -4
- package/src/components/interaction/form/NumberInput/NumberInput.module.css +1 -1
- package/src/components/interaction/form/Radio/Radio.module.css +6 -6
- package/src/components/interaction/form/SegmentedControl/SegmentedControl.module.css +5 -6
- package/src/components/interaction/form/Select/Select.module.css +3 -3
- package/src/components/interaction/form/Slider/Slider.module.css +6 -6
- package/src/components/interaction/form/Switch/Switch.module.css +8 -8
- package/src/components/interaction/form/Textarea/Textarea.module.css +1 -1
- package/src/components/layout/IconWrapper/IconWrapper.module.css +2 -2
- package/src/components/ui/Accordion/Accordion.module.css +5 -5
- package/src/components/ui/Alert/Alert.native.mdx +62 -0
- package/src/components/ui/Avatar/Avatar.native.mdx +50 -0
- package/src/components/ui/Badge/Badge.native.mdx +54 -0
- package/src/components/ui/Calendar/Calendar.module.css +7 -7
- package/src/components/ui/Carousel/Carousel.module.css +5 -5
- package/src/components/ui/Collapsible/Collapsible.module.css +4 -4
- package/src/components/ui/Link/Link.module.css +2 -2
- package/src/components/ui/Loading/Loading.module.css +7 -7
- package/src/components/ui/NotificationBanner/NotificationBanner.module.css +3 -3
- package/src/components/ui/Pagination/Pagination.module.css +6 -6
- package/src/components/ui/Progress/Progress.module.css +5 -5
- package/src/components/ui/Separator/Separator.module.css +3 -3
- package/src/components/ui/Skeleton/Skeleton.module.css +1 -1
- package/src/components/ui/Table/Table.module.css +9 -9
- package/src/components/ui/Tabs/Tabs.module.css +3 -3
- package/src/components/ui/Tooltip/Tooltip.module.css +8 -8
- package/src/components/ui/Typography/Typography.native.mdx +56 -0
- package/src/polyfill-invoker-commands.ts +68 -0
- package/src/react-augment.d.ts +19 -0
- package/src/stories/ReactNative.mdx +121 -0
- package/src/web-components/interaction/BdsButton.mdx +106 -0
- package/src/web-components/interaction/BdsPopover.mdx +120 -0
- package/src/web-components/interaction/BdsToastProvider.mdx +94 -0
- package/src/web-components/interaction/bds-popover.spec.ts +49 -1
- package/src/web-components/interaction/bds-popover.ts +12 -0
- package/src/web-components/test/helpers.ts +8 -0
- package/src/web-components/ui/BdsAlert.mdx +90 -0
- package/src/web-components/ui/BdsBadge.mdx +74 -0
package/dist/client.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/client.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;
|