@toptal/picasso-dropzone 102.0.0 → 102.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.
|
@@ -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;
|
|
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;AASvD,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,gFA0GnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
|
|
@@ -12,6 +12,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React, { forwardRef, useMemo } from 'react';
|
|
13
13
|
import { useDropzone } from 'react-dropzone';
|
|
14
14
|
import { twJoin } from '@toptal/picasso-tailwind-merge';
|
|
15
|
+
import { FOCUS_RING } from '@toptal/picasso-shared';
|
|
15
16
|
import { Upload24 } from '@toptal/picasso-icons';
|
|
16
17
|
import { FormHint } from '@toptal/picasso-form';
|
|
17
18
|
import { Container } from '@toptal/picasso-container';
|
|
@@ -61,7 +62,7 @@ export const Dropzone = forwardRef(function Dropzone(_a, ref) {
|
|
|
61
62
|
isDragActive,
|
|
62
63
|
}), [isDisabled, isHovered, isFocused, isDragActive]);
|
|
63
64
|
return (React.createElement(Container, { style: style, ref: ref, className: className },
|
|
64
|
-
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') }),
|
|
65
|
+
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', 'outline-hidden', FOCUS_RING.blue.focusVisible, 'gap-2', 'transition-all ease-out duration-350', getCursorClasses(componentState), getBorderColorClasses(componentState), getBackgroundColorClasses(componentState), isDisabled && 'hover:no-drop') }),
|
|
65
66
|
React.createElement("input", Object.assign({}, getInputProps())),
|
|
66
67
|
React.createElement(Upload24, { color: 'darkGrey' }),
|
|
67
68
|
!hideContentText && (React.createElement(Typography, { size: 'medium', color: isDisabled ? 'grey-main-2' : 'black', weight: 'semibold' }, "Click or drag to upload")),
|
|
@@ -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": "102.0.
|
|
3
|
+
"version": "102.0.1",
|
|
4
4
|
"description": "Toptal UI components library - Dropzone",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -20,12 +20,13 @@
|
|
|
20
20
|
"dependencies": {
|
|
21
21
|
"classnames": "^2.5.1",
|
|
22
22
|
"react-dropzone": "^14.2.3",
|
|
23
|
-
"@toptal/picasso-
|
|
24
|
-
"@toptal/picasso-
|
|
25
|
-
"@toptal/picasso-form": "102.0.
|
|
26
|
-
"@toptal/picasso-
|
|
27
|
-
"@toptal/picasso-
|
|
28
|
-
"@toptal/picasso-
|
|
23
|
+
"@toptal/picasso-file-input": "102.0.1",
|
|
24
|
+
"@toptal/picasso-icons": "102.0.1",
|
|
25
|
+
"@toptal/picasso-form": "102.0.1",
|
|
26
|
+
"@toptal/picasso-container": "102.0.1",
|
|
27
|
+
"@toptal/picasso-shared": "102.1.0",
|
|
28
|
+
"@toptal/picasso-typography": "102.0.1",
|
|
29
|
+
"@toptal/picasso-utils": "102.0.1"
|
|
29
30
|
},
|
|
30
31
|
"sideEffects": [
|
|
31
32
|
"**/styles.ts",
|
|
@@ -40,7 +41,7 @@
|
|
|
40
41
|
".": "./dist-package/src/index.js"
|
|
41
42
|
},
|
|
42
43
|
"devDependencies": {
|
|
43
|
-
"@toptal/picasso-test-utils": "102.0.
|
|
44
|
+
"@toptal/picasso-test-utils": "102.0.1"
|
|
44
45
|
},
|
|
45
46
|
"files": [
|
|
46
47
|
"dist-package/**",
|
|
@@ -2,6 +2,7 @@ import React, { forwardRef, useMemo } from 'react'
|
|
|
2
2
|
import { useDropzone } from 'react-dropzone'
|
|
3
3
|
import { twJoin } from '@toptal/picasso-tailwind-merge'
|
|
4
4
|
import type { BaseProps } from '@toptal/picasso-shared'
|
|
5
|
+
import { FOCUS_RING } from '@toptal/picasso-shared'
|
|
5
6
|
import { Upload24 } from '@toptal/picasso-icons'
|
|
6
7
|
import { FormHint } from '@toptal/picasso-form'
|
|
7
8
|
import { Container } from '@toptal/picasso-container'
|
|
@@ -159,6 +160,8 @@ export const Dropzone = forwardRef<HTMLInputElement, Props>(function Dropzone(
|
|
|
159
160
|
className={twJoin(
|
|
160
161
|
'border border-dashed',
|
|
161
162
|
'box-border',
|
|
163
|
+
'outline-hidden',
|
|
164
|
+
FOCUS_RING.blue.focusVisible,
|
|
162
165
|
'gap-2',
|
|
163
166
|
'transition-all ease-out duration-350',
|
|
164
167
|
getCursorClasses(componentState),
|
|
@@ -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 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 outline-hidden focus-visible:shadow-[0_0_0_0.1875rem_color-mix(in_srgb,theme(colors.blue.500)_48%,transparent)] 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
|
>
|