@toptal/picasso-dropzone 5.0.2 → 5.0.4

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 (6) hide show
  1. package/dist-package/src/Dropzone/Dropzone.d.ts.map +1 -1
  2. package/dist-package/src/Dropzone/Dropzone.js +4 -4
  3. package/dist-package/src/Dropzone/Dropzone.js.map +1 -1
  4. package/package.json +3 -3
  5. package/src/Dropzone/Dropzone.tsx +10 -4
  6. package/src/Dropzone/__snapshots__/test.tsx.snap +1 -1
package/dist-package/src/Dropzone/Dropzone.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQvD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAClC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAClD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAClD,8CAA8C;IAC9C,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAClC,iCAAiC;IACjC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,qCAAqC;IACrC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgDD,eAAO,MAAM,QAAQ,gFAgGnB,CAAA;AAWF,eAAe,QAAQ,CAAA"}
1
+ {"version":3,"file":"Dropzone.d.ts","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAQvD,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE1D,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC;;OAEG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAClC,kCAAkC;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,mCAAmC;IACnC,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2BAA2B;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iCAAiC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,mDAAmD;IACnD,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAClD,8CAA8C;IAC9C,cAAc,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAClD,8CAA8C;IAC9C,MAAM,CAAC,EAAE,eAAe,CAAC,QAAQ,CAAC,CAAA;IAClC,iCAAiC;IACjC,SAAS,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACxC,qCAAqC;IACrC,KAAK,CAAC,EAAE,UAAU,EAAE,CAAA;IACpB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAgDD,eAAO,MAAM,QAAQ,gFAsGnB,CAAA;AAWF,eAAe,QAAQ,CAAA"}
package/dist-package/src/Dropzone/Dropzone.js CHANGED
@@ -25,7 +25,7 @@ const getBorderColorClasses = ({ isDisabled, isHovered, isFocused, isDragActive,
25
25
  }
26
26
  return 'border-gray-400 hover:border-blue-500 focus:border-blue-500';
27
27
  };
28
- const getBackgroundColorClasses = ({ isDisabled }) => isDisabled ? 'bg-gray-100' : 'bg-white';
28
+ const getBackgroundColorClasses = ({ isDisabled }) => isDisabled ? 'bg-gray-200' : 'bg-white';
29
29
  export const Dropzone = forwardRef(function Dropzone(props, ref) {
30
30
  const { hint, hideContentText, onRemove, value, className, style, 'data-testid': dataTestId, focused: isFocused, hovered: isHovered,
31
31
  // dropzoneOptions
@@ -49,11 +49,11 @@ export const Dropzone = forwardRef(function Dropzone(props, ref) {
49
49
  isDragActive,
50
50
  }), [isDisabled, isHovered, isFocused, isDragActive]);
51
51
  return (React.createElement(Container, { style: style, ref: ref, className: className },
52
- React.createElement(Container, Object.assign({ flex: true, direction: 'column', alignItems: 'center', rounded: true, "aria-disabled": isDisabled, padded: SPACING_6, "data-testid": dataTestId }, getRootProps({}), { className: twJoin('border border-dashed', 'box-border', 'text-graphite-700', 'gap-2', 'transition-all ease-out duration-350', getCursorClasses(componentState), getBorderColorClasses(componentState), getBackgroundColorClasses(componentState), isDisabled && 'hover:no-drop') }),
52
+ React.createElement(Container, Object.assign({ flex: true, direction: 'column', alignItems: 'center', rounded: true, "aria-disabled": isDisabled, padded: SPACING_6, "data-testid": dataTestId }, getRootProps({}), { className: twJoin('border border-dashed', 'box-border', 'gap-2', 'transition-all ease-out duration-350', getCursorClasses(componentState), getBorderColorClasses(componentState), getBackgroundColorClasses(componentState), isDisabled && 'hover:no-drop') }),
53
53
  React.createElement("input", Object.assign({}, getInputProps())),
54
54
  React.createElement(Upload24, { color: 'darkGrey' }),
55
- !hideContentText && (React.createElement(Typography, { size: 'medium', color: 'black', weight: 'semibold' }, "Click or drag to upload")),
56
- hint && (React.createElement(FormHint, { className: twJoin('m-0', '[&>*]:leading-4') }, hint))),
55
+ !hideContentText && (React.createElement(Typography, { size: 'medium', color: isDisabled ? 'grey-main-2' : 'black', weight: 'semibold' }, "Click or drag to upload")),
56
+ hint && (React.createElement(FormHint, { className: twJoin('m-0', '[&>*]:leading-4'), disabled: isDisabled }, hint))),
57
57
  value && value.length > 0 && (React.createElement(Container, { top: 'xsmall' },
58
58
  React.createElement(FileList, { files: value, onItemRemove: onRemove })))));
59
59
  });
package/dist-package/src/Dropzone/Dropzone.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Dropzone.js","sourceRoot":"","sources":["../../../src/Dropzone/Dropzone.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@toptal/picasso-dropzone",
3
- "version": "5.0.2",
3
+ "version": "5.0.4",
4
4
  "description": "Toptal UI components library - Dropzone",
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -23,8 +23,8 @@
23
23
  "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
24
24
  "dependencies": {
25
25
  "@toptal/picasso-container": "3.1.0",
26
- "@toptal/picasso-file-input": "4.0.1",
27
- "@toptal/picasso-form": "6.0.1",
26
+ "@toptal/picasso-file-input": "4.0.3",
27
+ "@toptal/picasso-form": "6.1.0",
28
28
  "@toptal/picasso-icons": "1.6.1",
29
29
  "@toptal/picasso-typography": "4.0.1",
30
30
  "@toptal/picasso-utils": "2.0.0",
package/src/Dropzone/Dropzone.tsx CHANGED
@@ -88,7 +88,7 @@ const getBorderColorClasses: StateToClassMatcher = ({
88
88
  }
89
89
 
90
90
  const getBackgroundColorClasses: StateToClassMatcher = ({ isDisabled }) =>
91
- isDisabled ? 'bg-gray-100' : 'bg-white'
91
+ isDisabled ? 'bg-gray-200' : 'bg-white'
92
92
 
93
93
  export const Dropzone = forwardRef<HTMLInputElement, Props>(function Dropzone(
94
94
  props,
@@ -157,7 +157,6 @@ export const Dropzone = forwardRef<HTMLInputElement, Props>(function Dropzone(
157
157
  className={twJoin(
158
158
  'border border-dashed',
159
159
  'box-border',
160
- 'text-graphite-700',
161
160
  'gap-2',
162
161
  'transition-all ease-out duration-350',
163
162
  getCursorClasses(componentState),
@@ -169,12 +168,19 @@ export const Dropzone = forwardRef<HTMLInputElement, Props>(function Dropzone(
169
168
  <input {...getInputProps()} />
170
169
  <Upload24 color='darkGrey' />
171
170
  {!hideContentText && (
172
- <Typography size='medium' color='black' weight='semibold'>
171
+ <Typography
172
+ size='medium'
173
+ color={isDisabled ? 'grey-main-2' : 'black'}
174
+ weight='semibold'
175
+ >
173
176
  Click or drag to upload
174
177
  </Typography>
175
178
  )}
176
179
  {hint && (
177
- <FormHint className={twJoin('m-0', '[&>*]:leading-4')}>
180
+ <FormHint
181
+ className={twJoin('m-0', '[&>*]:leading-4')}
182
+ disabled={isDisabled}
183
+ >
178
184
  {hint}
179
185
  </FormHint>
180
186
  )}
package/src/Dropzone/__snapshots__/test.tsx.snap CHANGED
@@ -10,7 +10,7 @@ exports[`Dropzone renders 1`] = `
10
10
  >
11
11
  <div
12
12
  aria-disabled="false"
13
- class="p-6 items-center rounded-md flex flex-col border border-dashed box-border text-graphite gap-2 transition-all ease-out duration-350 hover:cursor-pointer focus:cursor-pointer border-gray hover:border-blue focus:border-blue bg-white"
13
+ class="p-6 items-center rounded-md flex flex-col border border-dashed box-border gap-2 transition-all ease-out duration-350 hover:cursor-pointer focus:cursor-pointer border-gray hover:border-blue focus:border-blue bg-white"
14
14
  role="presentation"
15
15
  tabindex="0"
16
16
  >