@yakad/ui 1.3.65 → 1.3.66
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/card/card.module.css +3 -0
- package/dist/checkBox/checkBox.module.css +0 -3
- package/dist/container/container.js +1 -1
- package/dist/container/container.js.map +1 -1
- package/dist/container/container.module.css +3 -6
- package/dist/gridItem/gridItem.d.ts +1 -0
- package/dist/gridItem/gridItem.js +2 -2
- package/dist/gridItem/gridItem.js.map +1 -1
- package/dist/gridItem/gridItem.module.css +24 -0
- package/dist/hr/hr.module.css +1 -0
- package/dist/inputField/inputField.module.css +0 -1
- package/dist/listItem/listItem.module.css +3 -0
- package/dist/main/main.module.css +9 -10
- package/dist/navigation/navigation.module.css +7 -2
- package/dist/screen/screen.module.css +4 -1
- package/dist/stack/stack.module.css +3 -0
- package/dist/table/table.module.css +0 -1
- package/package.json +1 -1
|
@@ -15,7 +15,7 @@ import classNames from "classnames";
|
|
|
15
15
|
import styles from "./container.module.css";
|
|
16
16
|
export const Container = forwardRef((_a, ref) => {
|
|
17
17
|
var { size = "xl", align, className, children } = _a, restProps = __rest(_a, ["size", "align", "className", "children"]);
|
|
18
|
-
const joinedClassNames = classNames(styles.container, styles
|
|
18
|
+
const joinedClassNames = classNames(styles.container, styles[size], { [styles[align]]: align }, className);
|
|
19
19
|
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"container.js","sourceRoot":"","sources":["../../src/container/container.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAQ5C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAC/B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,0CAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,SAAS,EAChB,MAAM,CAAC,IAAI,CAAC,EACZ,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
.container {
|
|
2
2
|
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
3
4
|
width: 100%;
|
|
4
5
|
padding: 2rem;
|
|
5
6
|
gap: 2rem;
|
|
@@ -7,12 +8,8 @@
|
|
|
7
8
|
margin-left: auto;
|
|
8
9
|
box-sizing: border-box;
|
|
9
10
|
}
|
|
10
|
-
.
|
|
11
|
-
|
|
12
|
-
flex-flow: wrap;
|
|
13
|
-
}
|
|
14
|
-
.directionColumn > * {
|
|
15
|
-
flex-grow: 1;
|
|
11
|
+
.container > * {
|
|
12
|
+
width: 100%;
|
|
16
13
|
}
|
|
17
14
|
|
|
18
15
|
.container.xs {
|
|
@@ -14,8 +14,8 @@ import { forwardRef } from "react";
|
|
|
14
14
|
import classNames from "classnames";
|
|
15
15
|
import styles from "./gridItem.module.css";
|
|
16
16
|
export const GridItem = forwardRef((_a, ref) => {
|
|
17
|
-
var { xs, sm, md, lg, xl, className, children } = _a, restProps = __rest(_a, ["xs", "sm", "md", "lg", "xl", "className", "children"]);
|
|
18
|
-
const joinedClassNames = classNames({ [styles[`xs${xs}`]]: xs }, { [styles[`sm${sm}`]]: sm }, { [styles[`md${md}`]]: md }, { [styles[`lg${lg}`]]: lg }, { [styles[`xl${xl}`]]: xl }, className);
|
|
17
|
+
var { align, xs, sm, md, lg, xl, className, children } = _a, restProps = __rest(_a, ["align", "xs", "sm", "md", "lg", "xl", "className", "children"]);
|
|
18
|
+
const joinedClassNames = classNames(styles.gridItem, { [styles[align]]: align }, { [styles[`xs${xs}`]]: xs }, { [styles[`sm${sm}`]]: sm }, { [styles[`md${md}`]]: md }, { [styles[`lg${lg}`]]: lg }, { [styles[`xl${xl}`]]: xl }, className);
|
|
19
19
|
return (_jsx("div", Object.assign({ ref: ref }, restProps, { className: joinedClassNames, children: children })));
|
|
20
20
|
});
|
|
21
21
|
//# sourceMappingURL=gridItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"gridItem.js","sourceRoot":"","sources":["../../src/gridItem/gridItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAa3C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAgE,EAAE,GAAG,EAAE,EAAE;QAAzE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAA9D,gEAAgE,CAAF;IAC3D,MAAM,gBAAgB,GAAG,UAAU,CAC/B,MAAM,CAAC,QAAQ,EACf,EAAE,CAAC,MAAM,CAAC,KAAe,CAAC,CAAC,EAAE,KAAK,EAAE,EACpC,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,EAC3B,SAAS,CACZ,CAAC;IAEF,OAAO,CACH,4BAAK,GAAG,EAAE,GAAG,IAAM,SAAS,IAAE,SAAS,EAAE,gBAAgB,YACpD,QAAQ,IACP,CACT,CAAC;AACN,CAAC,CACJ,CAAC"}
|
|
@@ -1,3 +1,27 @@
|
|
|
1
|
+
.gridItem {
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
|
+
}
|
|
5
|
+
.gridItem > * {
|
|
6
|
+
width: 100%;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.start {
|
|
10
|
+
justify-content: flex-start;
|
|
11
|
+
align-content: flex-start;
|
|
12
|
+
align-items: flex-start;
|
|
13
|
+
}
|
|
14
|
+
.center {
|
|
15
|
+
justify-content: center;
|
|
16
|
+
align-content: center;
|
|
17
|
+
align-items: center;
|
|
18
|
+
}
|
|
19
|
+
.end {
|
|
20
|
+
justify-content: flex-end;
|
|
21
|
+
align-content: flex-end;
|
|
22
|
+
align-items: flex-end;
|
|
23
|
+
}
|
|
24
|
+
|
|
1
25
|
.xl1 {
|
|
2
26
|
grid-column: span 1;
|
|
3
27
|
}
|
package/dist/hr/hr.module.css
CHANGED
|
@@ -1,38 +1,37 @@
|
|
|
1
1
|
.main {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
display: flex;
|
|
3
|
+
flex-direction: column;
|
|
4
4
|
width: 100%;
|
|
5
|
+
align-self: flex-end;
|
|
5
6
|
flex-grow: 1;
|
|
6
7
|
transition: width 0.3s;
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
.main > * {
|
|
11
|
+
width: 100%;
|
|
7
12
|
}
|
|
8
13
|
|
|
9
14
|
.navOpen {
|
|
10
|
-
width: calc(100% - 22rem);
|
|
15
|
+
max-width: calc(100% - 22rem);
|
|
11
16
|
}
|
|
12
17
|
|
|
13
18
|
@media screen and (max-width: 1000px) {
|
|
14
19
|
.navOpen {
|
|
15
|
-
width:
|
|
20
|
+
max-width: initial;
|
|
16
21
|
}
|
|
17
22
|
}
|
|
18
23
|
|
|
19
24
|
.start {
|
|
20
|
-
display: flex;
|
|
21
|
-
flex-direction: column;
|
|
22
25
|
justify-content: flex-start;
|
|
23
26
|
align-content: flex-start;
|
|
24
27
|
align-items: flex-start;
|
|
25
28
|
}
|
|
26
29
|
.center {
|
|
27
|
-
display: flex;
|
|
28
|
-
flex-direction: column;
|
|
29
30
|
justify-content: center;
|
|
30
31
|
align-content: center;
|
|
31
32
|
align-items: center;
|
|
32
33
|
}
|
|
33
34
|
.end {
|
|
34
|
-
display: flex;
|
|
35
|
-
flex-direction: column;
|
|
36
35
|
justify-content: flex-end;
|
|
37
36
|
align-content: flex-end;
|
|
38
37
|
align-items: flex-end;
|
|
@@ -1,15 +1,20 @@
|
|
|
1
1
|
.navigation {
|
|
2
2
|
position: fixed;
|
|
3
|
-
|
|
3
|
+
display: flex;
|
|
4
|
+
flex-direction: column;
|
|
4
5
|
max-width: 100%;
|
|
5
6
|
padding: 1rem 0;
|
|
6
|
-
|
|
7
|
+
box-sizing: border-box;
|
|
7
8
|
z-index: 3;
|
|
8
9
|
background: rgb(var(--surfaceContainerColor, 243 237 247));
|
|
9
10
|
color: rgb(var(--onSurfaceColor, 28 27 31));
|
|
10
11
|
fill: rgb(var(--onSurfaceColor, 28 27 31));
|
|
12
|
+
transition: transform 0.3s;
|
|
11
13
|
overflow-y: auto;
|
|
12
14
|
}
|
|
15
|
+
.navigation > * {
|
|
16
|
+
width: 100%;
|
|
17
|
+
}
|
|
13
18
|
|
|
14
19
|
.auto,
|
|
15
20
|
.left {
|
|
@@ -1,13 +1,16 @@
|
|
|
1
1
|
.screen {
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
|
+
width: 100%;
|
|
4
5
|
min-height: 100vh;
|
|
5
6
|
box-sizing: border-box;
|
|
6
|
-
width: 100%;
|
|
7
7
|
background: rgb(var(--surfaceColor, 254 247 255));
|
|
8
8
|
color: rgb(var(--onSurfaceColor, 28 27 31));
|
|
9
9
|
fill: rgb(var(--onSurfaceColor, 28 27 31));
|
|
10
10
|
}
|
|
11
|
+
.screen > * {
|
|
12
|
+
width: 100%;
|
|
13
|
+
}
|
|
11
14
|
|
|
12
15
|
.start {
|
|
13
16
|
justify-content: flex-start;
|