@db-ux/react-core-components 4.4.3 → 4.5.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/CHANGELOG.md +24 -0
- package/agent/.gitkeep +0 -0
- package/dist/components/accordion/accordion.js +3 -3
- package/dist/components/accordion-item/accordion-item.d.ts +1 -1
- package/dist/components/accordion-item/accordion-item.js +2 -1
- package/dist/components/badge/badge.d.ts +1 -1
- package/dist/components/badge/badge.js +3 -3
- package/dist/components/badge/model.d.ts +2 -2
- package/dist/components/brand/brand.d.ts +1 -1
- package/dist/components/brand/brand.js +2 -2
- package/dist/components/button/button.d.ts +1 -1
- package/dist/components/button/button.js +2 -2
- package/dist/components/button/model.d.ts +8 -10
- package/dist/components/card/card.js +2 -1
- package/dist/components/checkbox/checkbox.js +15 -6
- package/dist/components/custom-button/custom-button.d.ts +3 -0
- package/dist/components/custom-button/custom-button.js +12 -0
- package/dist/components/custom-button/index.d.ts +1 -0
- package/dist/components/custom-button/index.js +1 -0
- package/dist/components/custom-button/model.d.ts +6 -0
- package/dist/components/custom-button/model.js +1 -0
- package/dist/components/custom-select/custom-select.js +33 -20
- package/dist/components/custom-select-dropdown/custom-select-dropdown.js +2 -1
- package/dist/components/custom-select-form-field/custom-select-form-field.js +2 -1
- package/dist/components/custom-select-list/custom-select-list.js +2 -1
- package/dist/components/custom-select-list-item/custom-select-list-item.js +2 -1
- package/dist/components/divider/divider.js +2 -1
- package/dist/components/drawer/drawer.js +3 -3
- package/dist/components/header/header.js +3 -3
- package/dist/components/icon/icon.d.ts +1 -1
- package/dist/components/icon/icon.js +2 -1
- package/dist/components/infotext/infotext.d.ts +1 -1
- package/dist/components/infotext/infotext.js +2 -2
- package/dist/components/infotext/model.d.ts +2 -2
- package/dist/components/input/input.js +18 -9
- package/dist/components/link/link.d.ts +1 -1
- package/dist/components/link/link.js +2 -2
- package/dist/components/navigation/navigation.js +2 -1
- package/dist/components/navigation-item/navigation-item.d.ts +1 -1
- package/dist/components/navigation-item/navigation-item.js +3 -3
- package/dist/components/notification/model.d.ts +2 -2
- package/dist/components/notification/notification.d.ts +1 -1
- package/dist/components/notification/notification.js +3 -3
- package/dist/components/page/page.js +2 -1
- package/dist/components/popover/popover.js +3 -3
- package/dist/components/radio/radio.js +12 -2
- package/dist/components/section/section.js +2 -1
- package/dist/components/select/select.js +17 -8
- package/dist/components/stack/stack.js +2 -1
- package/dist/components/switch/switch.js +25 -8
- package/dist/components/tab-item/tab-item.d.ts +1 -1
- package/dist/components/tab-item/tab-item.js +3 -3
- package/dist/components/tab-list/tab-list.js +2 -1
- package/dist/components/tab-panel/tab-panel.js +2 -1
- package/dist/components/tabs/tabs.js +4 -4
- package/dist/components/tag/model.d.ts +2 -6
- package/dist/components/tag/tag.d.ts +1 -1
- package/dist/components/tag/tag.js +2 -2
- package/dist/components/textarea/textarea.js +16 -7
- package/dist/components/tooltip/model.d.ts +3 -3
- package/dist/components/tooltip/tooltip.d.ts +1 -1
- package/dist/components/tooltip/tooltip.js +11 -6
- package/dist/index.d.ts +2 -0
- package/dist/index.js +2 -0
- package/dist/shared/model.d.ts +15 -1
- package/dist/utils/floating-components.js +4 -0
- package/dist/utils/index.js +6 -7
- package/package.json +3 -3
- package/agent/Accordion.md +0 -47
- package/agent/AccordionItem.md +0 -36
- package/agent/Badge.md +0 -43
- package/agent/Brand.md +0 -24
- package/agent/Button.md +0 -60
- package/agent/Card.md +0 -34
- package/agent/Checkbox.md +0 -41
- package/agent/CustomSelect.md +0 -81
- package/agent/Divider.md +0 -32
- package/agent/Drawer.md +0 -87
- package/agent/Header.md +0 -45
- package/agent/Icon.md +0 -31
- package/agent/Infotext.md +0 -36
- package/agent/Input.md +0 -50
- package/agent/Link.md +0 -63
- package/agent/Navigation.md +0 -31
- package/agent/NavigationItem.md +0 -34
- package/agent/Notification.md +0 -45
- package/agent/Page.md +0 -36
- package/agent/Popover.md +0 -55
- package/agent/Radio.md +0 -34
- package/agent/Section.md +0 -32
- package/agent/Select.md +0 -90
- package/agent/Stack.md +0 -46
- package/agent/Switch.md +0 -41
- package/agent/TabItem.md +0 -34
- package/agent/Tabs.md +0 -75
- package/agent/Tag.md +0 -56
- package/agent/Textarea.md +0 -45
- package/agent/Tooltip.md +0 -47
- package/agent/_instructions.md +0 -31
package/agent/Tooltip.md
DELETED
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
# Tooltip Examples (react)
|
|
4
|
-
|
|
5
|
-
```tsx
|
|
6
|
-
import * as React from "react";
|
|
7
|
-
import { DBButton } from "@db-ux/react-react-core-components";
|
|
8
|
-
import { DBTooltip } from "@db-ux/react-react-core-components";
|
|
9
|
-
|
|
10
|
-
function Tooltip(props: any) {
|
|
11
|
-
return (
|
|
12
|
-
<>
|
|
13
|
-
<h1>DBTooltip Documentation Examples</h1>
|
|
14
|
-
<h2>1. Default Tooltip</h2>
|
|
15
|
-
<DBButton>
|
|
16
|
-
Hover on me to open Tooltip
|
|
17
|
-
<DBTooltip>Tooltip</DBTooltip>
|
|
18
|
-
</DBButton>
|
|
19
|
-
<h2>2. Tooltip Variants</h2>
|
|
20
|
-
<DBButton>
|
|
21
|
-
Description Tooltip
|
|
22
|
-
<DBTooltip variant="description">Description Tooltip Content</DBTooltip>
|
|
23
|
-
</DBButton>
|
|
24
|
-
<DBButton>
|
|
25
|
-
Label Tooltip
|
|
26
|
-
<DBTooltip variant="label">Label Tooltip Content</DBTooltip>
|
|
27
|
-
</DBButton>
|
|
28
|
-
<h2>3. Tooltip with Arrow</h2>
|
|
29
|
-
<DBButton>
|
|
30
|
-
Tooltip with Arrow
|
|
31
|
-
<DBTooltip showArrow>Tooltip Content with Arrow</DBTooltip>
|
|
32
|
-
</DBButton>
|
|
33
|
-
<h2>4. Placement Variants</h2>
|
|
34
|
-
<DBButton>
|
|
35
|
-
Top Placement
|
|
36
|
-
<DBTooltip placement="top">Tooltip Content at Top</DBTooltip>
|
|
37
|
-
</DBButton>
|
|
38
|
-
<DBButton>
|
|
39
|
-
Bottom Placement
|
|
40
|
-
<DBTooltip placement="bottom">Tooltip Content at Bottom</DBTooltip>
|
|
41
|
-
</DBButton>
|
|
42
|
-
</>
|
|
43
|
-
);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
export default Tooltip;
|
|
47
|
-
```
|
package/agent/_instructions.md
DELETED
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
- Use "@db-ux/react-core-components" as import for components:
|
|
2
|
-
- use for `DBDrawer` or `Drawer` the file __agent-path__/agent/Drawer.md
|
|
3
|
-
- use for `DBTooltip` or `Tooltip` the file __agent-path__/agent/Tooltip.md
|
|
4
|
-
- use for `DBTextarea` or `Textarea` the file __agent-path__/agent/Textarea.md
|
|
5
|
-
- use for `DBTag` or `Tag` the file __agent-path__/agent/Tag.md
|
|
6
|
-
- use for `DBTabs` or `Tabs` the file __agent-path__/agent/Tabs.md
|
|
7
|
-
- use for `DBTabItem` or `TabItem` the file __agent-path__/agent/TabItem.md
|
|
8
|
-
- use for `DBSwitch` or `Switch` the file __agent-path__/agent/Switch.md
|
|
9
|
-
- use for `DBStack` or `Stack` the file __agent-path__/agent/Stack.md
|
|
10
|
-
- use for `DBSelect` or `Select` the file __agent-path__/agent/Select.md
|
|
11
|
-
- use for `DBSection` or `Section` the file __agent-path__/agent/Section.md
|
|
12
|
-
- use for `DBRadio` or `Radio` the file __agent-path__/agent/Radio.md
|
|
13
|
-
- use for `DBPopover` or `Popover` the file __agent-path__/agent/Popover.md
|
|
14
|
-
- use for `DBPage` or `Page` the file __agent-path__/agent/Page.md
|
|
15
|
-
- use for `DBNotification` or `Notification` the file __agent-path__/agent/Notification.md
|
|
16
|
-
- use for `DBNavigationItem` or `NavigationItem` the file __agent-path__/agent/NavigationItem.md
|
|
17
|
-
- use for `DBNavigation` or `Navigation` the file __agent-path__/agent/Navigation.md
|
|
18
|
-
- use for `DBLink` or `Link` the file __agent-path__/agent/Link.md
|
|
19
|
-
- use for `DBInput` or `Input` the file __agent-path__/agent/Input.md
|
|
20
|
-
- use for `DBInfotext` or `Infotext` the file __agent-path__/agent/Infotext.md
|
|
21
|
-
- use for `DBIcon` or `Icon` the file __agent-path__/agent/Icon.md
|
|
22
|
-
- use for `DBHeader` or `Header` the file __agent-path__/agent/Header.md
|
|
23
|
-
- use for `DBDivider` or `Divider` the file __agent-path__/agent/Divider.md
|
|
24
|
-
- use for `DBCustomSelect` or `CustomSelect` the file __agent-path__/agent/CustomSelect.md
|
|
25
|
-
- use for `DBCheckbox` or `Checkbox` the file __agent-path__/agent/Checkbox.md
|
|
26
|
-
- use for `DBCard` or `Card` the file __agent-path__/agent/Card.md
|
|
27
|
-
- use for `DBButton` or `Button` the file __agent-path__/agent/Button.md
|
|
28
|
-
- use for `DBBrand` or `Brand` the file __agent-path__/agent/Brand.md
|
|
29
|
-
- use for `DBBadge` or `Badge` the file __agent-path__/agent/Badge.md
|
|
30
|
-
- use for `DBAccordionItem` or `AccordionItem` the file __agent-path__/agent/AccordionItem.md
|
|
31
|
-
- use for `DBAccordion` or `Accordion` the file __agent-path__/agent/Accordion.md
|