@luscii-healthtech/web-ui 54.7.0 → 54.7.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/dist/index.development.js +6 -2
- 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/Card/Card.d.ts +11 -0
- package/dist/src/generated/components/Card/Card.d.ts +11 -0
- package/dist/stories/Card.stories.d.ts +6 -0
- package/dist/web-ui-tailwind.css +13 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -3064,13 +3064,17 @@ const TopBar = (props) => {
|
|
|
3064
3064
|
TopBar.Actions = Actions$1;
|
|
3065
3065
|
|
|
3066
3066
|
function Card(props) {
|
|
3067
|
-
const { actions: __, as: Element = "div", children, border, className, elevation, elevationOnHover, padding = true, title: _, borderRadius = "m", highlighted = false } = props, rest = __rest(props, ["actions", "as", "children", "border", "className", "elevation", "elevationOnHover", "padding", "title", "borderRadius", "highlighted"]);
|
|
3067
|
+
const { actions: __, as: Element = "div", children, border, className, elevation, elevationOnHover, padding = true, title: _, borderRadius = "m", highlighted = false, selected = false } = props, rest = __rest(props, ["actions", "as", "children", "border", "className", "elevation", "elevationOnHover", "padding", "title", "borderRadius", "highlighted", "selected"]);
|
|
3068
3068
|
const hasHoverEffect = !(elevation === elevationOnHover || elevationOnHover === void 0);
|
|
3069
3069
|
const hoverShadowClassName = createShadowClassName(elevationOnHover, {
|
|
3070
3070
|
modifier: "hover",
|
|
3071
3071
|
transition: true
|
|
3072
3072
|
});
|
|
3073
|
-
const outerClasses = classNames__default.default("ui:transition-colors ui:duration-300", className, hoverShadowClassName, "ui:transition-shadow ui:duration-300"
|
|
3073
|
+
const outerClasses = classNames__default.default("ui:transition-colors ui:duration-300", className, hoverShadowClassName, "ui:transition-shadow ui:duration-300", {
|
|
3074
|
+
// Selected state: brand-primary ring hugging the card's rounded corners,
|
|
3075
|
+
// matching the selected treatment of `LabeledRadioCard`.
|
|
3076
|
+
"ui:ring-2 ui:ring-border-brand-primary-default ui:focus-visible:ring-offset-2": selected
|
|
3077
|
+
});
|
|
3074
3078
|
const innerClasses = classNames__default.default("ui:rounded-inherit ui:border ui:border-transparent ui:transition[border-color] ui:duration-300 ui:motion-reduce:duration-[0ms]! ui:overflow-hidden", "ui:relative", "ui:before:contain-strict ui:before:transition[transform, opacity] ui:before:delay-50 ui:before:duration-150 ui:before:motion-reduce:duration-[0ms]!", "ui:before:origin-left ui:before:absolute ui:before:left-0 ui:before:content-[''] ui:before:inset-y-0 ui:before:ease-in-out", {
|
|
3075
3079
|
"ui:border-slate-300": border || highlighted,
|
|
3076
3080
|
"ui:hover:border-slate-400": hasHoverEffect,
|