@toptal/picasso-password-input 1.0.13 → 2.0.1

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 (9) hide show
  1. package/dist-package/src/PasswordInput/PasswordInput.js +1 -1
  2. package/dist-package/src/PasswordInput/PasswordInput.js.map +1 -1
  3. package/dist-package/src/PasswordInput/styles.d.ts +1 -1
  4. package/dist-package/src/PasswordInput/styles.d.ts.map +1 -1
  5. package/dist-package/src/PasswordInput/styles.js +2 -5
  6. package/dist-package/src/PasswordInput/styles.js.map +1 -1
  7. package/package.json +10 -9
  8. package/src/PasswordInput/PasswordInput.tsx +1 -1
  9. package/src/PasswordInput/styles.ts +0 -6
package/dist-package/src/PasswordInput/PasswordInput.js CHANGED
@@ -38,7 +38,7 @@ export const PasswordInput = forwardRef(function PasswordInput(props, ref) {
38
38
  setShowPassword(previousState => !previousState);
39
39
  }, []);
40
40
  const endAdornment = (React.createElement(InputAdornment, { position: 'end' },
41
- React.createElement(ButtonCircular, { className: classes.toggle, variant: 'flat', icon: showPassword ? React.createElement(Eye16, null) : React.createElement(EyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.toggle, disabled: disabled })));
41
+ React.createElement(ButtonCircular, { className: 'mr-2', variant: 'flat', icon: showPassword ? React.createElement(Eye16, null) : React.createElement(EyeHidden16, null), onClick: handleToggleVisibilityClick, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.toggle, disabled: disabled })));
42
42
  return (React.createElement(OutlinedInput, { style: style, className: cx(classes.root, className), classes: {
43
43
  root: cx({ [classes.highlightAutofill]: highlight === 'autofill' }),
44
44
  input: classes.input,
package/dist-package/src/PasswordInput/PasswordInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"PasswordInput.js","sourceRoot":"","sources":["../../../src/PasswordInput/PasswordInput.tsx"],"names":[],"mappings":"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"}
package/dist-package/src/PasswordInput/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import type { Theme } from '@material-ui/core/styles';
2
- declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "input" | "toggle" | "highlightAutofill">;
2
+ declare const _default: (theme: Theme) => import("@material-ui/styles").StyleRules<{}, "root" | "input" | "highlightAutofill">;
3
3
  export default _default;
4
4
  //# sourceMappingURL=styles.d.ts.map
package/dist-package/src/PasswordInput/styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;gCAI9B,KAAK;AAA5B,wBAsBC"}
1
+ {"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAA;gCAI9B,KAAK;AAA5B,wBAgBC"}
package/dist-package/src/PasswordInput/styles.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { createStyles } from '@material-ui/core/styles';
2
2
  import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input';
3
3
  export default (theme) => {
4
- const { spacing } = theme;
5
- return createStyles(Object.assign(Object.assign({ root: {
4
+ return createStyles(Object.assign({ root: {
6
5
  paddingRight: 0,
7
6
  cursor: 'text',
8
7
  }, input: {
@@ -11,8 +10,6 @@ export default (theme) => {
11
10
  appearance: 'none',
12
11
  margin: 0,
13
12
  },
14
- } }, highlightAutofillStyles(theme)), { toggle: {
15
- marginRight: spacing(1),
16
- } }));
13
+ } }, highlightAutofillStyles(theme)));
17
14
  };
18
15
  //# sourceMappingURL=styles.js.map
package/dist-package/src/PasswordInput/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAElF,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAA;IAEzB,OAAO,YAAY,+BACjB,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAE;YACL,4DAA4D,EAAE;gBAC5D,oBAAoB,EAAE,MAAM;gBAC5B,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,CAAC;aACV;SACF,IAEE,uBAAuB,CAAC,KAAK,CAAC,KAEjC,MAAM,EAAE;YACN,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;SACxB,IACD,CAAA;AACJ,CAAC,CAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/PasswordInput/styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAA;AACvD,OAAO,EAAE,eAAe,IAAI,uBAAuB,EAAE,MAAM,uBAAuB,CAAA;AAElF,eAAe,CAAC,KAAY,EAAE,EAAE;IAC9B,OAAO,YAAY,iBACjB,IAAI,EAAE;YACJ,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,MAAM;SACf,EACD,KAAK,EAAE;YACL,4DAA4D,EAAE;gBAC5D,oBAAoB,EAAE,MAAM;gBAC5B,UAAU,EAAE,MAAM;gBAClB,MAAM,EAAE,CAAC;aACV;SACF,IAEE,uBAAuB,CAAC,KAAK,CAAC,EACjC,CAAA;AACJ,CAAC,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-password-input",
3
- "version": "1.0.13",
3
+ "version": "2.0.1",
4
4
  "description": "Toptal UI components library - PasswordInput",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -22,12 +22,12 @@
22
22
  },
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
- "@toptal/picasso-button": "1.0.13",
26
- "@toptal/picasso-icons": "1.1.0",
27
- "@toptal/picasso-input": "1.0.13",
28
- "@toptal/picasso-input-adornment": "1.0.3",
29
- "@toptal/picasso-outlined-input": "1.0.13",
30
- "@toptal/picasso-utils": "1.0.2",
25
+ "@toptal/picasso-button": "2.0.1",
26
+ "@toptal/picasso-icons": "1.1.1",
27
+ "@toptal/picasso-input": "1.0.15",
28
+ "@toptal/picasso-input-adornment": "1.0.4",
29
+ "@toptal/picasso-outlined-input": "1.0.15",
30
+ "@toptal/picasso-utils": "1.0.3",
31
31
  "classnames": "^2.5.1"
32
32
  },
33
33
  "sideEffects": [
@@ -36,13 +36,14 @@
36
36
  ],
37
37
  "peerDependencies": {
38
38
  "@material-ui/core": "4.12.4",
39
- "react": ">=16.12.0 < 19.0.0"
39
+ "react": ">=16.12.0 < 19.0.0",
40
+ "@toptal/picasso-tailwind": "^2.5.0"
40
41
  },
41
42
  "exports": {
42
43
  ".": "./dist-package/src/index.js"
43
44
  },
44
45
  "devDependencies": {
45
- "@toptal/picasso-test-utils": "1.1.0"
46
+ "@toptal/picasso-test-utils": "1.1.1"
46
47
  },
47
48
  "files": [
48
49
  "dist-package/**",
package/src/PasswordInput/PasswordInput.tsx CHANGED
@@ -80,7 +80,7 @@ export const PasswordInput = forwardRef<HTMLInputElement, Props>(
80
80
  const endAdornment = (
81
81
  <InputAdornment position='end'>
82
82
  <ButtonCircular
83
- className={classes.toggle}
83
+ className='mr-2'
84
84
  variant='flat'
85
85
  icon={showPassword ? <Eye16 /> : <EyeHidden16 />}
86
86
  onClick={handleToggleVisibilityClick}
package/src/PasswordInput/styles.ts CHANGED
@@ -3,8 +3,6 @@ import { createStyles } from '@material-ui/core/styles'
3
3
  import { highlightStyles as highlightAutofillStyles } from '@toptal/picasso-input'
4
4
 
5
5
  export default (theme: Theme) => {
6
- const { spacing } = theme
7
-
8
6
  return createStyles({
9
7
  root: {
10
8
  paddingRight: 0,
@@ -19,9 +17,5 @@ export default (theme: Theme) => {
19
17
  },
20
18
 
21
19
  ...highlightAutofillStyles(theme),
22
-
23
- toggle: {
24
- marginRight: spacing(1),
25
- },
26
20
  })
27
21
  }