@yakad/ui 1.3.116 → 1.3.117
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/Button/Button.js +3 -3
- package/dist/Card/Card.module.css +2 -1
- package/dist/Card/card.css +3 -6
- package/dist/boxing.module.css +4 -0
- package/package.json +12 -4
package/dist/Button/Button.js
CHANGED
|
@@ -17,9 +17,9 @@ import styles from "./Button.module.css";
|
|
|
17
17
|
export const Button = forwardRef(function Button(_a, ref) {
|
|
18
18
|
var { size = "medium", variant = "text", borderStyle = "rounded", icon, iconPosition = "start", loadingPosition = "auto", loadingVariant, className, children } = _a, restProps = __rest(_a, ["size", "variant", "borderStyle", "icon", "iconPosition", "loadingPosition", "loadingVariant", "className", "children"]);
|
|
19
19
|
const childrenFirst = Boolean(iconPosition === "end");
|
|
20
|
-
const
|
|
21
|
-
const joinedClassNames = classNames(styles.button, styles[variant], { [styles.loading]: loadingVariant }, { [styles.loadingPositionCenter]:
|
|
20
|
+
const isloadingPositionCenter = Boolean(!icon || loadingPosition === "center");
|
|
21
|
+
const joinedClassNames = classNames(styles.button, styles[variant], { [styles.loading]: loadingVariant }, { [styles.loadingPositionCenter]: isloadingPositionCenter }, styles[size], styles[borderStyle], { [styles.iconButton]: !children && icon }, className);
|
|
22
22
|
return (_jsxs("button", Object.assign({ ref: ref, className: joinedClassNames }, restProps, { children: [childrenFirst && children, loadingVariant && (_jsx("div", { className: classNames(styles.displayOnDisabled, {
|
|
23
|
-
[styles.positionCenter]:
|
|
23
|
+
[styles.positionCenter]: isloadingPositionCenter,
|
|
24
24
|
}), children: _jsx(LoadingIcon, { size: size, variant: loadingVariant }) })), icon, !childrenFirst && children] })));
|
|
25
25
|
});
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
border-radius: 2rem;
|
|
4
4
|
box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
|
|
5
5
|
0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
|
|
6
|
+
background-color: rgb(var(--yakadCardBackgroundColor, 230 224 233));
|
|
6
7
|
color: rgb(var(--onSurfaceColor, 28 27 31));
|
|
7
8
|
fill: rgb(var(--onSurfaceColor, 28 27 31));
|
|
8
9
|
overflow: hidden;
|
|
@@ -11,7 +12,7 @@
|
|
|
11
12
|
.card.blur {
|
|
12
13
|
background-color: color-mix(
|
|
13
14
|
in srgb,
|
|
14
|
-
rgb(var(--
|
|
15
|
+
rgb(var(--yakadCardBackgroundColor, 230 224 233)) 85%,
|
|
15
16
|
transparent
|
|
16
17
|
);
|
|
17
18
|
backdrop-filter: blur(0.5rem);
|
package/dist/Card/card.css
CHANGED
|
@@ -1,15 +1,12 @@
|
|
|
1
|
-
.yakadCardBlur {
|
|
2
|
-
}
|
|
3
|
-
|
|
4
1
|
.yakadCardAutoLevel,
|
|
5
2
|
.yakadCardLowLevel {
|
|
6
|
-
|
|
3
|
+
--yakadCardBackgroundColor: var(--surfaceContainerColor);
|
|
7
4
|
}
|
|
8
5
|
|
|
9
6
|
.yakadCardAutoLevel .yakadCardAutoLevel,
|
|
10
7
|
.yakadCardLowLevel .yakadCardAutoLevel,
|
|
11
8
|
.yakadCardMidLevel {
|
|
12
|
-
|
|
9
|
+
--yakadCardBackgroundColor: var(--surfaceContainerHighColor);
|
|
13
10
|
}
|
|
14
11
|
|
|
15
12
|
.yakadCardAutoLevel .yakadCardAutoLevel .yakadCardAutoLevel,
|
|
@@ -17,5 +14,5 @@
|
|
|
17
14
|
.yakadCardMidLevel .yakadCardAutoLevel,
|
|
18
15
|
.yakadCardHighLevel,
|
|
19
16
|
.yakadCardHighLevel .yakadCardAutoLevel {
|
|
20
|
-
|
|
17
|
+
--yakadCardBackgroundColor: var(--surfaceContainerHighestColor);
|
|
21
18
|
}
|
package/dist/boxing.module.css
CHANGED
|
@@ -51,6 +51,9 @@
|
|
|
51
51
|
.flexRowBox.shrink {
|
|
52
52
|
white-space: nowrap;
|
|
53
53
|
}
|
|
54
|
+
.flexRowBox.shrink > * {
|
|
55
|
+
white-space: initial;
|
|
56
|
+
}
|
|
54
57
|
.flexRowBox.wrap {
|
|
55
58
|
flex-wrap: wrap;
|
|
56
59
|
}
|
|
@@ -60,6 +63,7 @@
|
|
|
60
63
|
-webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
|
|
61
64
|
}
|
|
62
65
|
.flexRowBox.scroll > * {
|
|
66
|
+
white-space: initial;
|
|
63
67
|
flex-shrink: 0;
|
|
64
68
|
}
|
|
65
69
|
.flexRowBox.scroll::-webkit-scrollbar {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yakad/ui",
|
|
3
|
-
"version": "1.3.
|
|
3
|
+
"version": "1.3.117",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Natiq",
|
|
6
6
|
"description": "UI components for NextJS/React",
|
|
@@ -43,10 +43,18 @@
|
|
|
43
43
|
"@types/css-modules": "1.0.5",
|
|
44
44
|
"@types/react": "^19.0.0",
|
|
45
45
|
"@types/react-dom": "^19.0.0",
|
|
46
|
-
"copyfiles": "2.4.1",
|
|
47
46
|
"react": "^19.0.0",
|
|
48
47
|
"react-dom": "^19.0.0",
|
|
49
|
-
"
|
|
50
|
-
"typescript": "^
|
|
48
|
+
"@types/jest": "^30.0.0",
|
|
49
|
+
"@typescript-eslint/eslint-plugin": "^6",
|
|
50
|
+
"@typescript-eslint/parser": "^6",
|
|
51
|
+
"copyfiles": "^2.4.1",
|
|
52
|
+
"eslint": "^8.0.0 <9.0.0",
|
|
53
|
+
"eslint-plugin-react": "^7",
|
|
54
|
+
"eslint-plugin-react-hooks": "^4",
|
|
55
|
+
"jest": "^30.1.2",
|
|
56
|
+
"rimraf": "^6",
|
|
57
|
+
"ts-jest": "^29.4.1",
|
|
58
|
+
"typescript": "<5.4.0"
|
|
51
59
|
}
|
|
52
60
|
}
|