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

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/TsCheckbox/TsCheckbox.css +1 -0
  2. package/esm/components/TsInput/TsInput/TsInput.css +4 -2
  3. package/esm/components/TsInput/TsInput/TsInput.js +1 -1
  4. package/esm/components/TsInput/TsInput/TsInput.js.map +1 -1
  5. package/esm/components/TsInput/TsInput/TsInput.tsx +1 -1
  6. package/lib/components/TsCheckbox/TsCheckbox.css +1 -0
  7. package/lib/components/TsInput/TsInput/TsInput.css +4 -2
  8. package/lib/components/TsInput/TsInput/TsInput.js +1 -1
  9. package/lib/components/TsInput/TsInput/TsInput.js.map +1 -1
  10. package/lib/components/TsInput/TsInput/TsInput.tsx +1 -1
  11. package/package.json +1 -1
  12. package/src/components/TsCheckbox/TsCheckbox.css +1 -0
  13. package/src/components/TsInput/TsInput/TsInput.css +4 -2
  14. package/src/components/TsInput/TsInput/TsInput.tsx +1 -1
package/esm/components/TsCheckbox/TsCheckbox.css CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  cursor: pointer;
5
+ margin-left: -3px;
5
6
  }
6
7
  /* ########## */
7
8
  /* DISABLED */
package/esm/components/TsInput/TsInput/TsInput.css CHANGED
@@ -5,10 +5,9 @@
5
5
  position: relative;
6
6
  width: 100%;
7
7
  }
8
- input {
8
+ .ts-input-container input {
9
9
  width: 100%;
10
10
  height: 32px;
11
- padding: 0 10px;
12
11
  border: 1px solid #949494;
13
12
  font-weight: 600;
14
13
  }
@@ -21,6 +20,9 @@ input:disabled {
21
20
  input:focus {
22
21
  border: 1.5px solid #3643ba;
23
22
  }
23
+ .ts-input--padding-0 input {
24
+ padding: 0 10px;
25
+ }
24
26
  .ts-input--padding-1 input {
25
27
  padding: 0 30px 0 10px;
26
28
  }
package/esm/components/TsInput/TsInput/TsInput.js CHANGED
@@ -4,7 +4,7 @@ import './TsInput.css';
4
4
  export const TsInput = ({ icon, label, value, onChange, ...props }) => {
5
5
  // #########
6
6
  // Rendering
7
- return (React.createElement("div", { className: `ts-input ${icon ? 'ts-input--padding-1' : ''}` },
7
+ return (React.createElement("div", { className: `ts-input ${icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}` },
8
8
  label && React.createElement("div", { className: "ts-input-label" }, label),
9
9
  React.createElement("div", { className: "ts-input-container" },
10
10
  React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
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,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"}
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,qBAAqB,EAAE;QAC/E,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
@@ -7,7 +7,7 @@ export const TsInput = ({ icon, label, value, onChange, ...props }: TsInputProps
7
7
  // #########
8
8
  // Rendering
9
9
  return (
10
- <div className={`ts-input ${icon ? 'ts-input--padding-1' : ''}`}>
10
+ <div className={`ts-input ${icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}`}>
11
11
  {label && <div className="ts-input-label">{label}</div>}
12
12
  <div className="ts-input-container">
13
13
  <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
package/lib/components/TsCheckbox/TsCheckbox.css CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  cursor: pointer;
5
+ margin-left: -3px;
5
6
  }
6
7
  /* ########## */
7
8
  /* DISABLED */
package/lib/components/TsInput/TsInput/TsInput.css CHANGED
@@ -5,10 +5,9 @@
5
5
  position: relative;
6
6
  width: 100%;
7
7
  }
8
- input {
8
+ .ts-input-container input {
9
9
  width: 100%;
10
10
  height: 32px;
11
- padding: 0 10px;
12
11
  border: 1px solid #949494;
13
12
  font-weight: 600;
14
13
  }
@@ -21,6 +20,9 @@ input:disabled {
21
20
  input:focus {
22
21
  border: 1.5px solid #3643ba;
23
22
  }
23
+ .ts-input--padding-0 input {
24
+ padding: 0 10px;
25
+ }
24
26
  .ts-input--padding-1 input {
25
27
  padding: 0 30px 0 10px;
26
28
  }
package/lib/components/TsInput/TsInput/TsInput.js CHANGED
@@ -7,7 +7,7 @@ require("./TsInput.css");
7
7
  const TsInput = ({ icon, label, value, onChange, ...props }) => {
8
8
  // #########
9
9
  // Rendering
10
- return (React.createElement("div", { className: `ts-input ${icon ? 'ts-input--padding-1' : ''}` },
10
+ return (React.createElement("div", { className: `ts-input ${icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}` },
11
11
  label && React.createElement("div", { className: "ts-input-label" }, label),
12
12
  React.createElement("div", { className: "ts-input-container" },
13
13
  React.createElement("input", { type: "text", value: value, onChange: e => onChange(e.target.value), ...props }),
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,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"}
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,qBAAqB,EAAE;QAC/E,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
@@ -7,7 +7,7 @@ export const TsInput = ({ icon, label, value, onChange, ...props }: TsInputProps
7
7
  // #########
8
8
  // Rendering
9
9
  return (
10
- <div className={`ts-input ${icon ? 'ts-input--padding-1' : ''}`}>
10
+ <div className={`ts-input ${icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}`}>
11
11
  {label && <div className="ts-input-label">{label}</div>}
12
12
  <div className="ts-input-container">
13
13
  <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dktunited-techoff/techoff-suite-ui",
3
- "version": "1.5.6",
3
+ "version": "1.5.7",
4
4
  "main": "lib/index.js",
5
5
  "types": "./lib",
6
6
  "module": "esm/index.js",
package/src/components/TsCheckbox/TsCheckbox.css CHANGED
@@ -2,6 +2,7 @@
2
2
  display: flex;
3
3
  align-items: center;
4
4
  cursor: pointer;
5
+ margin-left: -3px;
5
6
  }
6
7
  /* ########## */
7
8
  /* DISABLED */
package/src/components/TsInput/TsInput/TsInput.css CHANGED
@@ -5,10 +5,9 @@
5
5
  position: relative;
6
6
  width: 100%;
7
7
  }
8
- input {
8
+ .ts-input-container input {
9
9
  width: 100%;
10
10
  height: 32px;
11
- padding: 0 10px;
12
11
  border: 1px solid #949494;
13
12
  font-weight: 600;
14
13
  }
@@ -21,6 +20,9 @@ input:disabled {
21
20
  input:focus {
22
21
  border: 1.5px solid #3643ba;
23
22
  }
23
+ .ts-input--padding-0 input {
24
+ padding: 0 10px;
25
+ }
24
26
  .ts-input--padding-1 input {
25
27
  padding: 0 30px 0 10px;
26
28
  }
package/src/components/TsInput/TsInput/TsInput.tsx CHANGED
@@ -7,7 +7,7 @@ export const TsInput = ({ icon, label, value, onChange, ...props }: TsInputProps
7
7
  // #########
8
8
  // Rendering
9
9
  return (
10
- <div className={`ts-input ${icon ? 'ts-input--padding-1' : ''}`}>
10
+ <div className={`ts-input ${icon ? 'ts-input--padding-1' : 'ts-input--padding-0'}`}>
11
11
  {label && <div className="ts-input-label">{label}</div>}
12
12
  <div className="ts-input-container">
13
13
  <input type="text" value={value} onChange={e => onChange(e.target.value)} {...props} />