@yakad/ui 1.2.19-beta → 1.2.21-beta

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 (12) hide show
  1. package/appBar/appBar.module.css +3 -3
  2. package/button/button.module.css +6 -6
  3. package/codeField/codeField.d.ts +1 -0
  4. package/codeField/codeField.js +1 -1
  5. package/codeField/codeField.js.map +1 -1
  6. package/codeField/codeField.tsx +2 -0
  7. package/hr/hr.module.css +3 -3
  8. package/inputField/inputField.d.ts +1 -0
  9. package/inputField/inputField.js +1 -1
  10. package/inputField/inputField.js.map +1 -1
  11. package/inputField/inputField.tsx +2 -0
  12. package/package.json +1 -1
package/appBar/appBar.module.css CHANGED
@@ -7,8 +7,8 @@
7
7
  height: 5rem;
8
8
  padding: 0 2rem;
9
9
  border-bottom: 0.1rem solid #7d7d7d40;
10
- background: var(--headerColor);
11
- color: var(--onHeaderColor);
12
- fill: var(--onHeaderColor);
10
+ background: var(--primaryColor);
11
+ color: var(--onPrimaryColor);
12
+ fill: var(--onPrimaryColor);
13
13
  user-select: none;
14
14
  }
package/button/button.module.css CHANGED
@@ -72,14 +72,14 @@
72
72
  border: 0.1rem solid #7d7d7d70;
73
73
  }
74
74
  .filled {
75
- background: var(--onBackgroundColor);
76
- color: var(--onPrimaryColor);
77
- fill: var(--onPrimaryColor);
75
+ background: var(--secondaryContainerColor);
76
+ color: var(--onSecondaryContainerColor);
77
+ fill: var(--onSecondaryContainerColorx);
78
78
  }
79
79
  .tonal {
80
- background: var(--onHeaderColor);
81
- color: var(--onSurfaceColor);
82
- fill: var(--onSurfaceColor);
80
+ background: var(--tertiaryColor);
81
+ color: var(--onTertiaryColor);
82
+ fill: var(--onTertiaryColor);
83
83
  }
84
84
  .elevated {
85
85
  background-color: var(--onPrimaryColor);
package/codeField/codeField.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import React from "react";
2
2
  interface CodeFieldsProps extends React.HTMLAttributes<HTMLElement> {
3
3
  length?: number;
4
+ name?: string;
4
5
  }
5
6
  declare function CodeField(props: CodeFieldsProps): JSX.Element;
6
7
  export default CodeField;
package/codeField/codeField.js CHANGED
@@ -4,7 +4,7 @@ import styles from "./codeField.module.css";
4
4
  function CodeField(props) {
5
5
  const joinedClassNames = joinClassNames(styles.input, props.className);
6
6
  const joinedStyles = joinStyles({ width: "calc(1.5ch * " + props.length + ")" }, props.style);
7
- return (React.createElement("input", { minLength: props.length, maxLength: props.length, className: joinedClassNames, style: joinedStyles }));
7
+ return (React.createElement("input", { name: props.name, minLength: props.length, maxLength: props.length, className: joinedClassNames, style: joinedStyles }));
8
8
  }
9
9
  export default CodeField;
10
10
  //# sourceMappingURL=codeField.js.map
package/codeField/codeField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"codeField.js","sourceRoot":"","sources":["codeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAM5C,SAAS,SAAS,CAAC,KAAsB;IACrC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,EAC/C,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,+BACI,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,GACrB,CACL,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"codeField.js","sourceRoot":"","sources":["codeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAO5C,SAAS,SAAS,CAAC,KAAsB;IACrC,MAAM,gBAAgB,GAAG,cAAc,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,SAAU,CAAC,CAAC;IAExE,MAAM,YAAY,GAAG,UAAU,CAC3B,EAAE,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,MAAM,GAAG,GAAG,EAAE,EAC/C,KAAK,CAAC,KAAM,CACf,CAAC;IAEF,OAAO,CACH,+BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,KAAK,CAAC,MAAM,EACvB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,YAAY,GACrB,CACL,CAAC;AACN,CAAC;AAED,eAAe,SAAS,CAAC"}
package/codeField/codeField.tsx CHANGED
@@ -4,6 +4,7 @@ import styles from "./codeField.module.css";
4
4
 
5
5
  interface CodeFieldsProps extends React.HTMLAttributes<HTMLElement> {
6
6
  length?: number;
7
+ name?: string;
7
8
  }
8
9
 
9
10
  function CodeField(props: CodeFieldsProps) {
@@ -16,6 +17,7 @@ function CodeField(props: CodeFieldsProps) {
16
17
 
17
18
  return (
18
19
  <input
20
+ name={props.name}
19
21
  minLength={props.length}
20
22
  maxLength={props.length}
21
23
  className={joinedClassNames}
package/hr/hr.module.css CHANGED
@@ -4,13 +4,13 @@
4
4
  padding: 0;
5
5
  margin: 0.5rem auto;
6
6
  background: none;
7
- border-top: 0.1rem solid var(--secondaryVariantColor);
7
+ border-top: 0.1rem solid var(--secondaryContainerColor);
8
8
  }
9
9
  .dotted {
10
- border-top: 0.4rem dotted var(--secondaryVariantColor);
10
+ border-top: 0.4rem dotted var(--secondaryContainerColor);
11
11
  }
12
12
  .dashed {
13
- border-top: 0.2rem dashed var(--secondaryVariantColor);
13
+ border-top: 0.2rem dashed var(--secondaryContainerColor);
14
14
  }
15
15
  .shortLine {
16
16
  width: 30rem;
package/inputField/inputField.d.ts CHANGED
@@ -4,6 +4,7 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
4
4
  type?: string;
5
5
  placeholder?: string;
6
6
  disabled?: boolean;
7
+ name?: string;
7
8
  }
8
9
  declare function InputField(props: InputFieldProps): JSX.Element;
9
10
  export default InputField;
package/inputField/inputField.js CHANGED
@@ -4,7 +4,7 @@ import styles from "./inputField.module.css";
4
4
  function InputField(props) {
5
5
  const joinedClassNames = joinClassNames(styles.input, props.variant ? styles[props.variant] : styles.standard, props.className);
6
6
  return (React.createElement("label", { className: styles.field },
7
- React.createElement("input", { disabled: props.disabled, placeholder: "\u00A0", type: props.type, className: joinedClassNames }),
7
+ React.createElement("input", { name: props.name, disabled: props.disabled, placeholder: "\u00A0", type: props.type, className: joinedClassNames }),
8
8
  React.createElement("span", { className: styles.placeholder }, props.placeholder)));
9
9
  }
10
10
  export default InputField;
package/inputField/inputField.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAS7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC1B,+BACI,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,gBAAgB,GAC7B;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,CAAC,WAAW,CAAQ,CAC3D,CACX,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"inputField.js","sourceRoot":"","sources":["inputField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAC5C,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAU7C,SAAS,UAAU,CAAC,KAAsB;IACtC,MAAM,gBAAgB,GAAG,cAAc,CACnC,MAAM,CAAC,KAAK,EACZ,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,EACvD,KAAK,CAAC,SAAU,CACnB,CAAC;IAEF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QAC1B,+BACI,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,WAAW,EAAC,QAAQ,EACpB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAE,gBAAgB,GAC7B;QACF,8BAAM,SAAS,EAAE,MAAM,CAAC,WAAW,IAAG,KAAK,CAAC,WAAW,CAAQ,CAC3D,CACX,CAAC;AACN,CAAC;AAED,eAAe,UAAU,CAAC"}
package/inputField/inputField.tsx CHANGED
@@ -7,6 +7,7 @@ interface InputFieldProps extends React.HTMLAttributes<HTMLInputElement> {
7
7
  type?: string;
8
8
  placeholder?: string;
9
9
  disabled?: boolean;
10
+ name?: string;
10
11
  }
11
12
 
12
13
  function InputField(props: InputFieldProps) {
@@ -19,6 +20,7 @@ function InputField(props: InputFieldProps) {
19
20
  return (
20
21
  <label className={styles.field}>
21
22
  <input
23
+ name={props.name}
22
24
  disabled={props.disabled}
23
25
  placeholder="&nbsp;"
24
26
  type={props.type}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yakad/ui",
3
- "version": "1.2.19-beta",
3
+ "version": "1.2.21-beta",
4
4
  "description": "",
5
5
  "main": "./src/index.js",
6
6
  "scripts": {