@yakad/ui 1.3.64 → 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.
Files changed (17) hide show
  1. package/dist/card/card.module.css +3 -0
  2. package/dist/checkBox/checkBox.module.css +0 -3
  3. package/dist/container/container.module.css +3 -1
  4. package/dist/gridItem/gridItem.d.ts +1 -0
  5. package/dist/gridItem/gridItem.js +2 -2
  6. package/dist/gridItem/gridItem.js.map +1 -1
  7. package/dist/gridItem/gridItem.module.css +24 -0
  8. package/dist/hr/hr.module.css +1 -0
  9. package/dist/inputField/inputField.module.css +0 -1
  10. package/dist/listItem/listItem.module.css +3 -0
  11. package/dist/main/main.module.css +9 -10
  12. package/dist/navigation/navigation.module.css +7 -2
  13. package/dist/row/row.module.css +1 -0
  14. package/dist/screen/screen.module.css +4 -1
  15. package/dist/stack/stack.module.css +3 -0
  16. package/dist/table/table.module.css +0 -1
  17. package/package.json +1 -1
package/dist/card/card.module.css CHANGED
@@ -12,6 +12,9 @@
12
12
  box-shadow: 0px 3px 3px -2px rgb(0 0 0 / 20%),
13
13
  0px 3px 4px 0px rgb(0 0 0 / 14%), 0px 1px 8px 0px rgb(0 0 0 / 12%);
14
14
  }
15
+ .card > * {
16
+ width: 100%;
17
+ }
15
18
 
16
19
  .start {
17
20
  justify-content: flex-start;
package/dist/checkBox/checkBox.module.css CHANGED
@@ -10,9 +10,6 @@
10
10
  user-select: none;
11
11
  cursor: pointer;
12
12
  }
13
- .label.labeled {
14
- width: 100%;
15
- }
16
13
  .label.disabled {
17
14
  cursor: default;
18
15
  }
package/dist/container/container.module.css CHANGED
@@ -1,7 +1,6 @@
1
1
  .container {
2
2
  display: flex;
3
3
  flex-direction: column;
4
- flex-wrap: nowrap;
5
4
  width: 100%;
6
5
  padding: 2rem;
7
6
  gap: 2rem;
@@ -9,6 +8,9 @@
9
8
  margin-left: auto;
10
9
  box-sizing: border-box;
11
10
  }
11
+ .container > * {
12
+ width: 100%;
13
+ }
12
14
 
13
15
  .container.xs {
14
16
  max-width: 44.4rem;
package/dist/gridItem/gridItem.d.ts CHANGED
@@ -1,5 +1,6 @@
1
1
  type GridColumn = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
2
2
  export interface GridItemProps extends React.HTMLAttributes<HTMLDivElement> {
3
+ align?: "start" | "center" | "end";
3
4
  xs?: GridColumn;
4
5
  sm?: GridColumn;
5
6
  md?: GridColumn;
package/dist/gridItem/gridItem.js CHANGED
@@ -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
package/dist/gridItem/gridItem.js.map CHANGED
@@ -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;AAY3C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAC9B,CAAC,EAAyD,EAAE,GAAG,EAAE,EAAE;QAAlE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,OAAgB,EAAX,SAAS,cAAvD,uDAAyD,CAAF;IACpD,MAAM,gBAAgB,GAAG,UAAU,CAC/B,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
+ {"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"}
package/dist/gridItem/gridItem.module.css CHANGED
@@ -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
@@ -6,6 +6,7 @@
6
6
  background: none;
7
7
  border: none;
8
8
  border-top: 0.1rem solid rgb(var(--primaryContainerColor, 211 227 253));
9
+ box-sizing: border-box;
9
10
  }
10
11
  .dotted {
11
12
  border-top: 0.4rem dotted rgb(var(--primaryContainerColor, 211 227 253));
package/dist/inputField/inputField.module.css CHANGED
@@ -2,7 +2,6 @@
2
2
  position: relative;
3
3
  display: inline-block;
4
4
  box-sizing: border-box;
5
- width: 100%;
6
5
  padding-top: 0.6rem;
7
6
  }
8
7
  .input {
package/dist/listItem/listItem.module.css CHANGED
@@ -4,3 +4,6 @@
4
4
  align-items: stretch;
5
5
  box-sizing: border-box;
6
6
  }
7
+ .listItem > * {
8
+ width: 100%;
9
+ }
package/dist/main/main.module.css CHANGED
@@ -1,38 +1,37 @@
1
1
  .main {
2
- align-self: flex-end;
3
- box-sizing: border-box;
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: 100%;
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;
package/dist/navigation/navigation.module.css CHANGED
@@ -1,15 +1,20 @@
1
1
  .navigation {
2
2
  position: fixed;
3
- box-sizing: border-box;
3
+ display: flex;
4
+ flex-direction: column;
4
5
  max-width: 100%;
5
6
  padding: 1rem 0;
6
- transition: transform 0.3s;
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 {
package/dist/row/row.module.css CHANGED
@@ -34,6 +34,7 @@
34
34
  .scroll {
35
35
  overflow-x: auto;
36
36
  white-space: nowrap;
37
+ -webkit-overflow-scrolling: touch; /* Smooth scroll on mobile */
37
38
  }
38
39
  .scroll > * {
39
40
  flex-shrink: 0;
package/dist/screen/screen.module.css CHANGED
@@ -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;
package/dist/stack/stack.module.css CHANGED
@@ -4,6 +4,9 @@
4
4
  gap: 2rem;
5
5
  box-sizing: border-box;
6
6
  }
7
+ .stack > * {
8
+ width: 100%;
9
+ }
7
10
 
8
11
  .start {
9
12
  justify-content: flex-start;
package/dist/table/table.module.css CHANGED
@@ -1,7 +1,6 @@
1
1
  .table {
2
2
  border-collapse: unset;
3
3
  border-spacing: unset;
4
- width: 100%;
5
4
  border-radius: 0.7rem;
6
5
  overflow: hidden;
7
6
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.3.64",
3
+ "version": "1.3.66",
4
4
  "private": false,
5
5
  "author": "Natiq",
6
6
  "description": "UI components for NextJS/React",