@luscii-healthtech/web-ui 58.13.0 → 58.14.0
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/dist/esm/components/DropdownTrigger/DropdownTrigger.js +98 -0
- package/dist/esm/components/DropdownTrigger/DropdownTrigger.js.map +1 -0
- package/dist/esm/components/ModalDialog/ModalDialog.js +22 -7
- package/dist/esm/components/ModalDialog/ModalDialog.js.map +1 -1
- package/dist/esm/components/Popover/Popover.js +36 -0
- package/dist/esm/components/Popover/Popover.js.map +1 -0
- package/dist/esm/index.js +2 -0
- package/dist/esm/index.js.map +1 -1
- package/dist/index.development.js +324 -190
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/src/components/DropdownTrigger/DropdownTrigger.d.ts +90 -0
- package/dist/src/components/Popover/Popover.d.ts +83 -0
- package/dist/src/components/Popover/index.d.ts +1 -0
- package/dist/src/generated/components/DropdownTrigger/DropdownTrigger.d.ts +90 -0
- package/dist/src/generated/components/Popover/Popover.d.ts +83 -0
- package/dist/src/generated/components/Popover/index.d.ts +1 -0
- package/dist/src/generated/index.d.ts +2 -0
- package/dist/src/index.d.ts +2 -0
- package/dist/stories/DropdownTrigger.stories.d.ts +36 -0
- package/dist/stories/Popover.stories.d.ts +11 -0
- package/dist/stories/PopoverRadioCardRecipe.stories.d.ts +27 -0
- package/dist/web-ui-tailwind.css +115 -11
- package/package.json +2 -1
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import React__default from 'react';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import { isNil } from 'lodash-es';
|
|
6
|
+
import { Box } from '../Box/Box.js';
|
|
7
|
+
import { Text } from '../Text/Text.js';
|
|
8
|
+
import ChevronDoubleIcon from '../Icons/ChevronDoubleIcon.js';
|
|
9
|
+
|
|
10
|
+
const hasValue = (children) => !isNil(children) && children !== false && children !== "";
|
|
11
|
+
const baseClasses = [
|
|
12
|
+
// Layout
|
|
13
|
+
"ui:group ui:inline-flex ui:items-center ui:gap-f_base ui:text-start",
|
|
14
|
+
"ui:h-(--ui-semantic-size-2xl)",
|
|
15
|
+
"ui:pl-f_m ui:pr-f_base",
|
|
16
|
+
// Border
|
|
17
|
+
"ui:border-(length:--ui-semantic-border-default)",
|
|
18
|
+
"ui:[border-radius:var(--ui-semantic-radius-s)]",
|
|
19
|
+
// Focus is shown with a focus ring, see `focusClasses`
|
|
20
|
+
"ui:outline-none",
|
|
21
|
+
// Transition
|
|
22
|
+
"ui:transition-[background-color,border-color,box-shadow,color]",
|
|
23
|
+
"ui:duration-150 ui:ease-out"
|
|
24
|
+
];
|
|
25
|
+
const defaultClasses = {
|
|
26
|
+
primary: [
|
|
27
|
+
"ui:bg-background-neutral-secondary-default",
|
|
28
|
+
"ui:border-border-neutral-primary-default",
|
|
29
|
+
"ui:text-text-neutral-secondary-default"
|
|
30
|
+
],
|
|
31
|
+
secondary: [
|
|
32
|
+
"ui:bg-transparent",
|
|
33
|
+
"ui:border-transparent",
|
|
34
|
+
"ui:text-text-neutral-secondary-default"
|
|
35
|
+
]
|
|
36
|
+
};
|
|
37
|
+
const filledClasses = [
|
|
38
|
+
"ui:bg-background-neutral-secondary-default",
|
|
39
|
+
"ui:border-border-neutral-primary-selected",
|
|
40
|
+
"ui:text-text-neutral-primary-default"
|
|
41
|
+
];
|
|
42
|
+
const hoveredClasses = {
|
|
43
|
+
primary: ["ui:enabled:hover:border-border-neutral-primary-hovered"],
|
|
44
|
+
secondary: ["ui:enabled:hover:bg-background-neutral-secondary-default"]
|
|
45
|
+
};
|
|
46
|
+
const pressedClasses = [
|
|
47
|
+
// Background
|
|
48
|
+
"ui:enabled:active:bg-background-neutral-secondary-default",
|
|
49
|
+
"ui:enabled:aria-expanded:bg-background-neutral-secondary-default",
|
|
50
|
+
// Border
|
|
51
|
+
"ui:enabled:active:border-(length:--ui-semantic-border-thick)",
|
|
52
|
+
"ui:enabled:aria-expanded:border-(length:--ui-semantic-border-thick)",
|
|
53
|
+
"ui:enabled:active:border-border-neutral-primary-pressed",
|
|
54
|
+
"ui:enabled:aria-expanded:border-border-neutral-primary-pressed",
|
|
55
|
+
// Padding
|
|
56
|
+
"ui:enabled:active:pl-[calc(var(--ui-semantic-spacing-m)-var(--ui-semantic-border-thick)+var(--ui-semantic-border-default))]",
|
|
57
|
+
"ui:enabled:aria-expanded:pl-[calc(var(--ui-semantic-spacing-m)-var(--ui-semantic-border-thick)+var(--ui-semantic-border-default))]",
|
|
58
|
+
"ui:enabled:active:pr-[calc(var(--ui-semantic-spacing-base)-var(--ui-semantic-border-thick)+var(--ui-semantic-border-default))]",
|
|
59
|
+
"ui:enabled:aria-expanded:pr-[calc(var(--ui-semantic-spacing-base)-var(--ui-semantic-border-thick)+var(--ui-semantic-border-default))]"
|
|
60
|
+
];
|
|
61
|
+
const focusClasses = [
|
|
62
|
+
"ui:focus-visible:bg-background-neutral-secondary-default",
|
|
63
|
+
"ui:focus-visible:border-border-neutral-primary-pressed",
|
|
64
|
+
"ui:focus-visible:shadow-(--ui-semantic-active-focus-ring)"
|
|
65
|
+
];
|
|
66
|
+
const disabledClasses = {
|
|
67
|
+
primary: [
|
|
68
|
+
"ui:disabled:cursor-not-allowed",
|
|
69
|
+
"ui:disabled:border-border-neutral-primary-disabled",
|
|
70
|
+
"ui:disabled:text-text-neutral-secondary-disabled"
|
|
71
|
+
],
|
|
72
|
+
secondary: [
|
|
73
|
+
"ui:disabled:cursor-not-allowed",
|
|
74
|
+
"ui:disabled:bg-transparent",
|
|
75
|
+
"ui:disabled:border-transparent",
|
|
76
|
+
"ui:disabled:text-text-neutral-secondary-disabled"
|
|
77
|
+
]
|
|
78
|
+
};
|
|
79
|
+
const DropdownTrigger = React__default.forwardRef((_a, ref) => {
|
|
80
|
+
var { variant = "primary", children, placeholder, leadingIcon, trailingIcon, width, className, type = "button" } = _a, otherAttributes = __rest(_a, ["variant", "children", "placeholder", "leadingIcon", "trailingIcon", "width", "className", "type"]);
|
|
81
|
+
const isFilled = hasValue(children);
|
|
82
|
+
return jsxs(Box, Object.assign({ as: "button", ref, type, width, className: classNames(baseClasses, isFilled ? filledClasses : defaultClasses[variant], hoveredClasses[variant], pressedClasses, focusClasses, disabledClasses[variant], className) }, otherAttributes, { children: [jsxs("span", { className: "ui:flex ui:min-w-0 ui:flex-1 ui:items-center ui:gap-f_base", children: [leadingIcon && jsx(IconWrapper, { children: leadingIcon }), jsx(Text, {
|
|
83
|
+
variant: "body-base-regular",
|
|
84
|
+
color: "current",
|
|
85
|
+
/**
|
|
86
|
+
* The design uses `body/lead/regular` (16/24), which has no
|
|
87
|
+
* typography preset in code yet: `body-base-regular` with a 24px
|
|
88
|
+
* line height.
|
|
89
|
+
*/
|
|
90
|
+
className: "ui:min-w-0 ui:truncate ui:leading-(--ui-semantic-size-lg)",
|
|
91
|
+
children: isFilled ? children : placeholder
|
|
92
|
+
}), trailingIcon && jsx(IconWrapper, { children: trailingIcon })] }), jsx(IconWrapper, { isChevron: true, children: jsx(ChevronDoubleIcon, { "aria-hidden": true }) })] }));
|
|
93
|
+
});
|
|
94
|
+
DropdownTrigger.displayName = "DropdownTrigger";
|
|
95
|
+
const IconWrapper = ({ children, isChevron = false }) => jsx("span", { className: classNames("ui:inline-flex ui:shrink-0 ui:text-icon-neutral-primary-default", { "ui:group-disabled:text-icon-neutral-primary-disabled": isChevron }), children });
|
|
96
|
+
|
|
97
|
+
export { DropdownTrigger };
|
|
98
|
+
//# sourceMappingURL=DropdownTrigger.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropdownTrigger.js","sources":["../../../../../../src/components/DropdownTrigger/DropdownTrigger.tsx"],"sourcesContent":[null],"names":["React","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -20,13 +20,28 @@ const ModalDialog = (_a) => {
|
|
|
20
20
|
var { open, className, size, onClose, children, variant = "centered-dialog", keepChildrenMountedWhenClosed = false, onCloseAnimationFinished = () => {
|
|
21
21
|
} } = _a, rest = __rest(_a, ["open", "className", "size", "onClose", "children", "variant", "keepChildrenMountedWhenClosed", "onCloseAnimationFinished"]);
|
|
22
22
|
const dialog = useRef(null);
|
|
23
|
-
const transitionsClasses = classNames(
|
|
24
|
-
"ui:
|
|
25
|
-
"ui:
|
|
26
|
-
|
|
27
|
-
"ui:
|
|
28
|
-
"ui:
|
|
29
|
-
|
|
23
|
+
const transitionsClasses = classNames(
|
|
24
|
+
"ui:transition-discrete ui:transition-[display,overlay,opacity,scale,translate] ui:duration-[300ms] ui:motion-reduce:duration-[0ms] ui:delay-100",
|
|
25
|
+
"ui:backdrop:transition-[display,overlay,opacity] ui:backdrop:duration-[300ms] ui:motion-reduce:backdrop:duration-[0ms] ui:delay-0",
|
|
26
|
+
"ui:opacity-0 ui:open:starting:opacity-0",
|
|
27
|
+
"ui:open:opacity-100",
|
|
28
|
+
"ui:backdrop:opacity-0 ui:open:backdrop:starting:opacity-0",
|
|
29
|
+
"ui:open:backdrop:opacity-100",
|
|
30
|
+
/**
|
|
31
|
+
* The open state ends at `none` rather than `0`/`100`: any other value of
|
|
32
|
+
* `translate` or `scale` makes the dialog the containing block for fixed
|
|
33
|
+
* position descendants. Popovers portalled into the dialog (to stay in the
|
|
34
|
+
* top layer) would then be clipped by the dialog's `overflow: auto`.
|
|
35
|
+
*/
|
|
36
|
+
{
|
|
37
|
+
"ui:translate-y-[-5px] ui:open:starting:translate-y-[-5px] ui:open:translate-none": variant !== "side-modal",
|
|
38
|
+
"ui:scale-[0.98] ui:open:starting:scale-[0.98] ui:open:scale-none": variant !== "side-modal"
|
|
39
|
+
},
|
|
40
|
+
{
|
|
41
|
+
"ui:translate-x-[50px] ui:open:starting:translate-x-[50px] ui:open:translate-none": variant === "side-modal",
|
|
42
|
+
"ui:scale-[0.98] ui:open:starting:scale-[0.98] ui:open:scale-none": variant !== "side-modal"
|
|
43
|
+
}
|
|
44
|
+
);
|
|
30
45
|
const classes = classNames("ui:bg-transparent", {
|
|
31
46
|
"ui:max-w-[calc(100dvw-(var(--ui-spacing-xl)))]": variant !== "full-screen"
|
|
32
47
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalDialog.js","sources":["../../../../../../src/components/ModalDialog/ModalDialog.tsx"],"sourcesContent":[null],"names":["_a","_jsx"],"mappings":";;;;;;;;;;;;;;AA2HA,MAAM,UAAU,aAAA,CAAqD;AAAA,EACnE,OAAA,EAAS;AACV,CAAA,CAAA;AAED,MAAM,cAAA,GAAiB,MAAM,UAAA,CAAW,OAAO,CAAA;AAExC,MAAM,WAAA,GAAyC,CAAC,EAAA,KAUlD;AAVkD,EAAA,IAAA,EACrD,IAAA,EACA,SAAA,EACA,IAAA,EACA,OAAA,EACA,QAAA,EACA,OAAA,GAAU,iBAAA,EACV,6BAAA,GAAgC,KAAA,EAChC,wBAAA,GAA2B,MAAK;AAAA,EAAE,CAAA,EAAC,GAAA,EAAA,EAChC,IAAA,GAAI,OAAA,EAAA,EAT8C,4HAUtD,CAAA;AACC,EAAA,MAAM,MAAA,GAAS,OAA0B,IAAI,CAAA;AAE7C,EAAA,MAAM,
|
|
1
|
+
{"version":3,"file":"ModalDialog.js","sources":["../../../../../../src/components/ModalDialog/ModalDialog.tsx"],"sourcesContent":[null],"names":["_a","_jsx"],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import * as RadixPopover from '@radix-ui/react-popover';
|
|
4
|
+
import classNames from 'classnames';
|
|
5
|
+
import { Card } from '../Card/Card.js';
|
|
6
|
+
|
|
7
|
+
const Content = (_a) => {
|
|
8
|
+
var { container, className } = _a, restContentProps = __rest(_a, ["container", "className"]);
|
|
9
|
+
return jsx(RadixPopover.Portal, { container, children: jsx(
|
|
10
|
+
RadixPopover.Content,
|
|
11
|
+
Object.assign({
|
|
12
|
+
/**
|
|
13
|
+
* "8px" is size "xxs" from the design system
|
|
14
|
+
*/
|
|
15
|
+
sideOffset: 8,
|
|
16
|
+
className: classNames(className, "ui:z-20", "ui:outline-none", "ui:data-[state=open]:animate-in ui:data-[state=closed]:animate-out ui:data-[state=closed]:fade-out-0 ui:data-[state=open]:fade-in-0 ui:data-[state=closed]:zoom-out-95 ui:data-[state=open]:zoom-in-95 ui:data-[side=bottom]:slide-in-from-top-2 ui:data-[side=left]:slide-in-from-right-2 ui:data-[side=right]:slide-in-from-left-2 ui:data-[side=top]:slide-in-from-bottom-2")
|
|
17
|
+
}, restContentProps)
|
|
18
|
+
) });
|
|
19
|
+
};
|
|
20
|
+
Content.displayName = "Popover.Content";
|
|
21
|
+
const Root = (props) => jsx(RadixPopover.Root, Object.assign({}, props));
|
|
22
|
+
Root.displayName = "Popover.Root";
|
|
23
|
+
const CustomCard = (props) => jsx(Card, Object.assign({ border: true, elevation: "medium" }, props));
|
|
24
|
+
CustomCard.displayName = "Popover.Card";
|
|
25
|
+
const Popover = {
|
|
26
|
+
Anchor: RadixPopover.Anchor,
|
|
27
|
+
Arrow: RadixPopover.Arrow,
|
|
28
|
+
Card: CustomCard,
|
|
29
|
+
Close: RadixPopover.Close,
|
|
30
|
+
Content,
|
|
31
|
+
Root,
|
|
32
|
+
Trigger: RadixPopover.Trigger
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
export { Popover };
|
|
36
|
+
//# sourceMappingURL=Popover.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Popover.js","sources":["../../../../../../src/components/Popover/Popover.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;AAoCA,MAAM,OAAA,GAA4B,CAAC,EAAA,KAI9B;MAJ8B,EACjC,SAAA,EACA,SAAA,EAAS,GAAA,EAAA,EACN,gBAAA,GAAgB,MAAA,CAAA,EAAA,EAHc,0BAIlC,CAAA;AACC,EAAA,OACEA,GAAA,CAAC,YAAA,CAAa,MAAA,EAAM,EAAC,WAAoB,QAAA,EACvCA,GAAA;AAAA,IAAC,YAAA,CAAa,OAAA;AAAA;;;;MAIZ,UAAA,EAAY,CAAA;AAAA,MACZ,SAAA,EAAW,UAAA,CACT,SAAA,EACA,SAAA,EACA,mBACA,gXAAgX;AAAA,OAE9W,gBAAgB;AAAA,KACpB,CAAA;AAGR,CAAA;AAEA,OAAA,CAAQ,WAAA,GAAc,iBAAA;AAEtB,MAAM,IAAA,GAAO,CAAC,KAAA,KACZA,GAAA,CAAC,YAAA,CAAa,IAAA,EAAI,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAA,CAAA;AAE9B,IAAA,CAAK,WAAA,GAAc,cAAA;AAEnB,MAAM,UAAA,GAA4B,CAAC,KAAA,KACjCA,GAAA,CAAC,sBAAK,MAAA,EAAM,IAAA,EAAC,SAAA,EAAU,QAAA,IAAa,KAAK,CAAA,CAAA;AAE3C,UAAA,CAAW,WAAA,GAAc,cAAA;AAgDlB,MAAM,OAAA,GAA4B;AAAA,EACvC,QAAQ,YAAA,CAAa,MAAA;AAAA,EACrB,OAAO,YAAA,CAAa,KAAA;AAAA,EACpB,IAAA,EAAM,UAAA;AAAA,EACN,OAAO,YAAA,CAAa,KAAA;AAAA,EACpB,OAAA;AAAA,EACA,IAAA;AAAA,EACA,SAAS,YAAA,CAAa;;;"}
|
package/dist/esm/index.js
CHANGED
|
@@ -41,6 +41,8 @@ export { LabeledRadioGroup } from './components/Radio/LabeledRadioGroup.js';
|
|
|
41
41
|
export { LabelText } from './components/forms/shared/LabelText.js';
|
|
42
42
|
export { HelperAndErrorText } from './components/forms/shared/HelperAndErrorText.js';
|
|
43
43
|
export { HoverCard } from './components/HoverCard/HoverCard.js';
|
|
44
|
+
export { Popover } from './components/Popover/Popover.js';
|
|
45
|
+
export { DropdownTrigger } from './components/DropdownTrigger/DropdownTrigger.js';
|
|
44
46
|
export { Provider as TooltipProvider } from '@radix-ui/react-tooltip';
|
|
45
47
|
export { Tooltip } from './components/Tooltip/Tooltip.js';
|
|
46
48
|
export { Tabs } from './components/Tabs/Tabs.js';
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|