@yakad/ui 1.3.147 → 1.3.148

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.
@@ -4,6 +4,6 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
4
4
  align?: "start" | "space" | "center" | "end";
5
5
  fullWidthOnParentDemand?: boolean;
6
6
  blur?: boolean;
7
- level?: "low" | "mid" | "high";
7
+ level?: "transparent" | "low" | "mid" | "high";
8
8
  }
9
9
  export declare const Card: import("react").ForwardRefExoticComponent<CardProps & import("react").RefAttributes<HTMLDivElement>>;
package/dist/Card/Card.js CHANGED
@@ -17,8 +17,8 @@ import styles from "./Card.module.css";
17
17
  import "./card.css";
18
18
  export const Card = forwardRef(function Card(_a, ref) {
19
19
  var { align, fullWidthOnParentDemand = true, blur, level, className, children } = _a, restProps = __rest(_a, ["align", "fullWidthOnParentDemand", "blur", "level", "className", "children"]);
20
- const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { demandChildsToBeFullWidth: true }, { fullWidthOnParentDemand: fullWidthOnParentDemand }, styles.card, { [styles.blur]: blur }, {
21
- yakadCardAutoLevel: level === undefined,
20
+ const joinedClassNames = classNames(boxingStyles.flexColumnBox, { [boxingStyles[align]]: align }, { demandChildsToBeFullWidth: true }, { fullWidthOnParentDemand: fullWidthOnParentDemand }, styles.card, { [styles.blur]: blur }, { [styles.elevated]: level !== "transparent" }, {
21
+ yakadCardAutoLevel: !level || level === "transparent",
22
22
  yakadCardLowLevel: level === "low",
23
23
  yakadCardMidLevel: level === "mid",
24
24
  yakadCardHighLevel: level === "high",
@@ -1,6 +1,9 @@
1
1
  .card {
2
2
  padding: 2rem;
3
3
  border-radius: 2rem;
4
+ }
5
+
6
+ .card.elevated {
4
7
  box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
5
8
  0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
6
9
  background-color: rgb(var(--yakadCardBackgroundColor, 230 224 233));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.147",
3
+ "version": "1.3.148",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",