@dktunited-techoff/techoff-suite-ui 1.5.4 → 1.5.6

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 (14) hide show
  1. package/esm/components/TsButton/TsButton.css +3 -3
  2. package/esm/components/TsInput/TsInput/TsInput.css +3 -0
  3. package/esm/components/TsInput/TsInput/TsInput.js +4 -3
  4. package/esm/components/TsInput/TsInput/TsInput.js.map +1 -1
  5. package/esm/components/TsInput/TsInput/TsInput.tsx +8 -6
  6. package/lib/components/TsButton/TsButton.css +3 -3
  7. package/lib/components/TsInput/TsInput/TsInput.css +3 -0
  8. package/lib/components/TsInput/TsInput/TsInput.js +4 -3
  9. package/lib/components/TsInput/TsInput/TsInput.js.map +1 -1
  10. package/lib/components/TsInput/TsInput/TsInput.tsx +8 -6
  11. package/package.json +1 -1
  12. package/src/components/TsButton/TsButton.css +3 -3
  13. package/src/components/TsInput/TsInput/TsInput.css +3 -0
  14. package/src/components/TsInput/TsInput/TsInput.tsx +8 -6
package/esm/components/TsButton/TsButton.css CHANGED
@@ -87,13 +87,13 @@ button:disabled {
87
87
  }
88
88
  .ts-button--ghost:not(:disabled) {
89
89
  background: #ffffff;
90
- color: #1d1d1b;
90
+ color: #3643ba;
91
91
  }
92
92
  .ts-button--ghost:not(:disabled):hover {
93
- background: #ebecf8;
93
+ background: #ebecf7;
94
94
  }
95
95
  .ts-button--ghost:not(:disabled):active {
96
- background: #d7daf1;
96
+ background: #e3e3f4;
97
97
  }
98
98
  .ts-button--ghost:disabled {
99
99
  background: #ffffff61;
package/esm/components/TsInput/TsInput/TsInput.css CHANGED
@@ -1,4 +1,7 @@
1
1
  .ts-input {
2
+ width: 100%;
3
+ }
4
+ .ts-input-container {
2
5
  position: relative;
3
6
  width: 100%;
4
7
  }
package/esm/components/TsInput/TsInput/TsInput.js CHANGED
@@ -6,8 +6,9 @@ export const TsInput = ({ icon, label, value, onChange, ...props }) => {
6
6
  // Rendering
7
7
  return (React.createElement("div", { className: `ts-input ${icon ? 'ts-input--padding-1' : ''}` },
8
8
  label && React.createElement("div", { className: "ts-input-label" }, label),
9
- React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
10
- icon && (React.createElement("div", { className: "ts-input-icon" },
11
- React.createElement(TsIcon, { name: icon, size: "16" })))));
9
+ React.createElement("div", { className: "ts-input-container" },
10
+ React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
11
+ icon && (React.createElement("div", { className: "ts-input-icon" },
12
+ React.createElement(TsIcon, { name: icon, size: "16" }))))));
12
13
  };
13
14
  //# sourceMappingURL=TsInput.js.map
package/esm/components/TsInput/TsInput/TsInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAClF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5D,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,+BAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI;QACtF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;YAC5B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAClF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5D,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BAAK,SAAS,EAAC,oBAAoB;YACjC,+BAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI;YACtF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}
package/esm/components/TsInput/TsInput/TsInput.tsx CHANGED
@@ -9,12 +9,14 @@ export const TsInput = ({ icon, label, value, onChange, ...props }: TsInputProps
9
9
  return (
10
10
  <div className={`ts-input ${icon ? 'ts-input--padding-1' : ''}`}>
11
11
  {label && <div className="ts-input-label">{label}</div>}
12
- <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
13
- {icon && (
14
- <div className="ts-input-icon">
15
- <TsIcon name={icon} size="16" />
16
- </div>
17
- )}
12
+ <div className="ts-input-container">
13
+ <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
14
+ {icon && (
15
+ <div className="ts-input-icon">
16
+ <TsIcon name={icon} size="16" />
17
+ </div>
18
+ )}
19
+ </div>
18
20
  </div>
19
21
  );
20
22
  };
package/lib/components/TsButton/TsButton.css CHANGED
@@ -87,13 +87,13 @@ button:disabled {
87
87
  }
88
88
  .ts-button--ghost:not(:disabled) {
89
89
  background: #ffffff;
90
- color: #1d1d1b;
90
+ color: #3643ba;
91
91
  }
92
92
  .ts-button--ghost:not(:disabled):hover {
93
- background: #ebecf8;
93
+ background: #ebecf7;
94
94
  }
95
95
  .ts-button--ghost:not(:disabled):active {
96
- background: #d7daf1;
96
+ background: #e3e3f4;
97
97
  }
98
98
  .ts-button--ghost:disabled {
99
99
  background: #ffffff61;
package/lib/components/TsInput/TsInput/TsInput.css CHANGED
@@ -1,4 +1,7 @@
1
1
  .ts-input {
2
+ width: 100%;
3
+ }
4
+ .ts-input-container {
2
5
  position: relative;
3
6
  width: 100%;
4
7
  }
package/lib/components/TsInput/TsInput/TsInput.js CHANGED
@@ -9,9 +9,10 @@ const TsInput = ({ icon, label, value, onChange, ...props }) => {
9
9
  // Rendering
10
10
  return (React.createElement("div", { className: `ts-input ${icon ? 'ts-input--padding-1' : ''}` },
11
11
  label && React.createElement("div", { className: "ts-input-label" }, label),
12
- React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
13
- icon && (React.createElement("div", { className: "ts-input-icon" },
14
- React.createElement(TsIcon_1.TsIcon, { name: icon, size: "16" })))));
12
+ React.createElement("div", { className: "ts-input-container" },
13
+ React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
14
+ icon && (React.createElement("div", { className: "ts-input-icon" },
15
+ React.createElement(TsIcon_1.TsIcon, { name: icon, size: "16" }))))));
15
16
  };
16
17
  exports.TsInput = TsInput;
17
18
  //# sourceMappingURL=TsInput.js.map
package/lib/components/TsInput/TsInput/TsInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,gDAA6C;AAE7C,yBAAuB;AAEhB,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAClF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5D,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,+BAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI;QACtF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;YAC5B,oBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAdW,QAAA,OAAO,WAclB"}
1
+ {"version":3,"file":"TsInput.js","sourceRoot":"","sources":["../../../../src/components/TsInput/TsInput/TsInput.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,gDAA6C;AAE7C,yBAAuB;AAEhB,MAAM,OAAO,GAAG,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAgB,EAAE,EAAE;IAClF,YAAY;IACZ,YAAY;IACZ,OAAO,CACL,6BAAK,SAAS,EAAE,YAAY,IAAI,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,EAAE;QAC5D,KAAK,IAAI,6BAAK,SAAS,EAAC,gBAAgB,IAAE,KAAK,CAAO;QACvD,6BAAK,SAAS,EAAC,oBAAoB;YACjC,+BAAO,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI;YACtF,IAAI,IAAI,CACP,6BAAK,SAAS,EAAC,eAAe;gBAC5B,oBAAC,eAAM,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,IAAI,GAAG,CAC5B,CACP,CACG,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,OAAO,WAgBlB"}
package/lib/components/TsInput/TsInput/TsInput.tsx CHANGED
@@ -9,12 +9,14 @@ export const TsInput = ({ icon, label, value, onChange, ...props }: TsInputProps
9
9
  return (
10
10
  <div className={`ts-input ${icon ? 'ts-input--padding-1' : ''}`}>
11
11
  {label && <div className="ts-input-label">{label}</div>}
12
- <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
13
- {icon && (
14
- <div className="ts-input-icon">
15
- <TsIcon name={icon} size="16" />
16
- </div>
17
- )}
12
+ <div className="ts-input-container">
13
+ <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
14
+ {icon && (
15
+ <div className="ts-input-icon">
16
+ <TsIcon name={icon} size="16" />
17
+ </div>
18
+ )}
19
+ </div>
18
20
  </div>
19
21
  );
20
22
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dktunited-techoff/techoff-suite-ui",
3
- "version": "1.5.4",
3
+ "version": "1.5.6",
4
4
  "main": "lib/index.js",
5
5
  "types": "./lib",
6
6
  "module": "esm/index.js",
package/src/components/TsButton/TsButton.css CHANGED
@@ -87,13 +87,13 @@ button:disabled {
87
87
  }
88
88
  .ts-button--ghost:not(:disabled) {
89
89
  background: #ffffff;
90
- color: #1d1d1b;
90
+ color: #3643ba;
91
91
  }
92
92
  .ts-button--ghost:not(:disabled):hover {
93
- background: #ebecf8;
93
+ background: #ebecf7;
94
94
  }
95
95
  .ts-button--ghost:not(:disabled):active {
96
- background: #d7daf1;
96
+ background: #e3e3f4;
97
97
  }
98
98
  .ts-button--ghost:disabled {
99
99
  background: #ffffff61;
package/src/components/TsInput/TsInput/TsInput.css CHANGED
@@ -1,4 +1,7 @@
1
1
  .ts-input {
2
+ width: 100%;
3
+ }
4
+ .ts-input-container {
2
5
  position: relative;
3
6
  width: 100%;
4
7
  }
package/src/components/TsInput/TsInput/TsInput.tsx CHANGED
@@ -9,12 +9,14 @@ export const TsInput = ({ icon, label, value, onChange, ...props }: TsInputProps
9
9
  return (
10
10
  <div className={`ts-input ${icon ? 'ts-input--padding-1' : ''}`}>
11
11
  {label && <div className="ts-input-label">{label}</div>}
12
- <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
13
- {icon && (
14
- <div className="ts-input-icon">
15
- <TsIcon name={icon} size="16" />
16
- </div>
17
- )}
12
+ <div className="ts-input-container">
13
+ <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
14
+ {icon && (
15
+ <div className="ts-input-icon">
16
+ <TsIcon name={icon} size="16" />
17
+ </div>
18
+ )}
19
+ </div>
18
20
  </div>
19
21
  );
20
22
  };