@luscii-healthtech/web-ui 52.4.0 → 52.4.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 (8) hide show
  1. package/dist/index.development.js +3 -3
  2. package/dist/index.development.js.map +1 -1
  3. package/dist/index.js +1 -1
  4. package/dist/index.js.map +1 -1
  5. package/dist/stories/Card.stories.d.ts +1 -0
  6. package/dist/web-ui.esm.js +1 -1
  7. package/dist/web-ui.esm.js.map +1 -1
  8. package/package.json +1 -1
package/dist/index.development.js CHANGED
@@ -3035,8 +3035,8 @@ function Card(props) {
3035
3035
  modifier: "hover",
3036
3036
  transition: true
3037
3037
  });
3038
- const outerClasses = classNames__default.default("ui:bg-white", "ui:transition-colors ui:duration-300", className, hoverShadowClassName, "ui:transition-shadow ui:duration-300");
3039
- const innerClasses = classNames__default.default("ui:bg-white 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", {
3038
+ const outerClasses = classNames__default.default("ui:transition-colors ui:duration-300", className, hoverShadowClassName, "ui:transition-shadow ui:duration-300");
3039
+ 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", {
3040
3040
  "ui:border-slate-300": border || highlighted,
3041
3041
  "ui:hover:border-slate-400": hasHoverEffect,
3042
3042
  "ui:before:opacity-0 ui:before:scale-x-0": !highlighted,
@@ -3050,7 +3050,7 @@ function Card(props) {
3050
3050
  "ui:before:w-m": ["m", "l", "xl", "xxl"].includes(borderRadius)
3051
3051
  // We cap at `ui:before:w-m` otherwise the bar overlaps the contents of the Card.
3052
3052
  });
3053
- return jsxRuntime.jsx(Box, Object.assign({ as: Element, elevation: highlighted && !elevation ? "large" : elevation, borderRadius }, rest, { className: outerClasses, children: jsxRuntime.jsxs(Box, { className: innerClasses, children: [jsxRuntime.jsx(RenderTopBar, Object.assign({}, props)), padding ? jsxRuntime.jsx(Padding$1, { children }) : children] }) }));
3053
+ return jsxRuntime.jsx(Box, Object.assign({ as: Element, elevation: highlighted && !elevation ? "large" : elevation, borderRadius, className: outerClasses, backgroundColor: "surface" }, rest, { children: jsxRuntime.jsxs(Box, { className: innerClasses, children: [jsxRuntime.jsx(RenderTopBar, Object.assign({}, props)), padding ? jsxRuntime.jsx(Padding$1, { children }) : children] }) }));
3054
3054
  }
3055
3055
  Card.Title = (props) => jsxRuntime.jsx(Title, Object.assign({ variant: "sm" }, props));
3056
3056
  Card.TopBar = TopBar;