@paprika/uploader 7.0.2 → 7.0.3-next.0
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.
|
@@ -46,7 +46,7 @@ exports.DropZoneButton = DropZoneButton;
|
|
|
46
46
|
var Body = _styledComponents["default"].div.withConfig({
|
|
47
47
|
displayName: "DropZonestyles__Body",
|
|
48
48
|
componentId: "sc-12lzgdc-2"
|
|
49
|
-
})(["display:inline;margin-
|
|
49
|
+
})(["display:inline;margin-inline-start:", ";"], _tokens["default"].space);
|
|
50
50
|
|
|
51
51
|
exports.Body = Body;
|
|
52
52
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/DropZone/DropZone.styles.js"],"names":["DropZone","styled","div","isDraggingOver","css","stylers","fontSize","tokens","color","blackLighten80","blackLighten30","border","radius","space","purpleDarken10","DropZoneButton","Button","spaceSm","Body","DropZoneIcon","span","Input","input","visuallyHidden","focusRing","bordered"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,QAAQ,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,GACnB;AAAA,MAAGC,cAAH,QAAGA,cAAH;AAAA,aAAwBC,qBAAxB,uKACIC,oBAAQC,QAAR,EADJ,EAGsBC,mBAAOC,KAAP,CAAaC,cAHnC,EAIuBF,mBAAOC,KAAP,CAAaE,cAJpC,EAKmBH,mBAAOI,MAAP,CAAcC,MALjC,EAQaL,mBAAOM,KARpB,EAUIV,cAAc,QACdC,qBADc,+DAEQG,mBAAOC,KAAP,CAAaC,cAFrB,EAGQF,mBAAOC,KAAP,CAAaM,cAHrB,EAIHP,mBAAOC,KAAP,CAAaM,cAJV,CAVlB;AAAA,CADmB,CAAd;;;AAoBA,IAAMC,cAAc,GAAG,kCAAOC,kBAAP,CAAH;AAAA;AAAA;AAAA,yDACvBX,oBAAQC,QAAR,EADuB,EAEVC,mBAAOU,OAFG,CAApB;;;AAOA,IAAMC,IAAI,GAAGjB,6BAAOC,GAAV;AAAA;AAAA;AAAA,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DropZone/DropZone.styles.js"],"names":["DropZone","styled","div","isDraggingOver","css","stylers","fontSize","tokens","color","blackLighten80","blackLighten30","border","radius","space","purpleDarken10","DropZoneButton","Button","spaceSm","Body","DropZoneIcon","span","Input","input","visuallyHidden","focusRing","bordered"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,QAAQ,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,GACnB;AAAA,MAAGC,cAAH,QAAGA,cAAH;AAAA,aAAwBC,qBAAxB,uKACIC,oBAAQC,QAAR,EADJ,EAGsBC,mBAAOC,KAAP,CAAaC,cAHnC,EAIuBF,mBAAOC,KAAP,CAAaE,cAJpC,EAKmBH,mBAAOI,MAAP,CAAcC,MALjC,EAQaL,mBAAOM,KARpB,EAUIV,cAAc,QACdC,qBADc,+DAEQG,mBAAOC,KAAP,CAAaC,cAFrB,EAGQF,mBAAOC,KAAP,CAAaM,cAHrB,EAIHP,mBAAOC,KAAP,CAAaM,cAJV,CAVlB;AAAA,CADmB,CAAd;;;AAoBA,IAAMC,cAAc,GAAG,kCAAOC,kBAAP,CAAH;AAAA;AAAA;AAAA,yDACvBX,oBAAQC,QAAR,EADuB,EAEVC,mBAAOU,OAFG,CAApB;;;AAOA,IAAMC,IAAI,GAAGjB,6BAAOC,GAAV;AAAA;AAAA;AAAA,iDAEQK,mBAAOM,KAFf,CAAV;;;;AAKA,IAAMM,YAAY,GAAGlB,6BAAOmB,IAAV;AAAA;AAAA;AAAA,sBAAlB;;;;AAIA,IAAMC,KAAK,GAAGpB,6BAAOqB,KAAV;AAAA;AAAA;AAAA,wDACdjB,oBAAQkB,cADM,EAGZlB,oBAAQmB,SAAR,CAAkBC,QAAlB,EAHY,CAAX","sourcesContent":["import stylers from \"@paprika/stylers\";\nimport tokens from \"@paprika/tokens\";\nimport styled, { css } from \"styled-components\";\nimport Button from \"@paprika/button/lib/Button\";\n\nexport const DropZone = styled.div(\n ({ isDraggingOver }) => css`\n ${stylers.fontSize()};\n align-items: center;\n background-color: ${tokens.color.blackLighten80};\n border: 2px dashed ${tokens.color.blackLighten30};\n border-radius: ${tokens.border.radius};\n display: flex;\n justify-content: center;\n padding: ${tokens.space};\n text-align: center;\n ${isDraggingOver &&\n css`\n background-color: ${tokens.color.blackLighten80};\n border: 2px solid ${tokens.color.purpleDarken10};\n color: ${tokens.color.purpleDarken10};\n `}\n `\n);\n\nexport const DropZoneButton = styled(Button)`\n ${stylers.fontSize()};\n margin-top: -${tokens.spaceSm};\n min-height: auto;\n padding: 0;\n`;\n\nexport const Body = styled.div`\n display: inline;\n margin-inline-start: ${tokens.space};\n`;\n\nexport const DropZoneIcon = styled.span`\n flex-shrink: 0;\n`;\n\nexport const Input = styled.input`\n ${stylers.visuallyHidden};\n &:focus + div span[role=\"button\"] {\n ${stylers.focusRing.bordered()};\n }\n`;\n"],"file":"DropZone.styles.js"}
|
|
@@ -78,7 +78,7 @@ var ProgressText = _styledComponents["default"].div.withConfig({
|
|
|
78
78
|
componentId: "sc-15ab1dd-6"
|
|
79
79
|
})(function (_ref2) {
|
|
80
80
|
var status = _ref2.status;
|
|
81
|
-
return (0, _styledComponents.css)(["color:", ";flex-basis:40%;flex-shrink:1;", " text-align:
|
|
81
|
+
return (0, _styledComponents.css)(["color:", ";flex-basis:40%;flex-shrink:1;", " text-align:end;", ";", ";"], _tokens["default"].color.blackLighten20, _stylers["default"].fontSize(-3), status === types.status.SUCCESS ? "color: ".concat(_tokens["default"].color.green, ";") : "", status === types.status.ERROR ? "color: ".concat(_tokens["default"].color.orange, ";") : "");
|
|
82
82
|
});
|
|
83
83
|
|
|
84
84
|
exports.ProgressText = ProgressText;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/File/File.styles.js"],"names":["File","styled","div","FileListItem","li","tokens","border","color","stylers","spacer","Left","Right","status","css","spaceSm","types","SUCCESS","space","Info","Name","fontSize","ProgressText","blackLighten20","green","ERROR","orange","ProgressBarWrapper","blackLighten40","radius","ProgressBar","progress","purple","CANCEL"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,IAAI,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,+DAAV;;;;AAOA,IAAMC,YAAY,GAAGF,6BAAOG,EAAV;AAAA;AAAA;AAAA,mHAEIC,mBAAOC,MAAP,CAAcC,KAFlB,EAIZC,oBAAQC,MAAR,CAAe,CAAf,CAJY,CAAlB;;;;AAWA,IAAMC,IAAI,GAAGT,6BAAOC,GAAV;AAAA;AAAA;AAAA,kDAAV;;;;AAMA,IAAMS,KAAK,GAAGV,6BAAOC,GAAV;AAAA;AAAA;AAAA,GAChB;AAAA,MAAGU,MAAH,QAAGA,MAAH;AAAA,aAAgBC,qBAAhB,0FAEgBL,oBAAQC,MAAR,CAAe,CAAf,CAFhB,EAIaJ,mBAAOS,OAJpB,EAIiCT,mBAAOS,OAJxC,EAImDT,mBAAOS,OAJ1D,EAMIF,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaI,OAAxB,6BAAqDX,mBAAOY,KAA5D,4BAAmFZ,mBAAOY,KAA1F,SAAqG,EANzG;AAAA,CADgB,CAAX;;;;AAWA,IAAMC,IAAI,GAAGjB,6BAAOC,GAAV;AAAA;AAAA;AAAA,4FAIEG,mBAAOS,OAJT,CAAV;;;;AAOA,IAAMK,IAAI,GAAGlB,6BAAOC,GAAV;AAAA;AAAA;AAAA,yEAIbM,oBAAQY,QAAR,CAAiB,CAAC,CAAlB,CAJa,CAAV;;;;AAQA,IAAMC,YAAY,GAAGpB,6BAAOC,GAAV;AAAA;AAAA;AAAA,GACvB;AAAA,MAAGU,MAAH,SAAGA,MAAH;AAAA,aAAgBC,qBAAhB,
|
|
1
|
+
{"version":3,"sources":["../../../src/components/File/File.styles.js"],"names":["File","styled","div","FileListItem","li","tokens","border","color","stylers","spacer","Left","Right","status","css","spaceSm","types","SUCCESS","space","Info","Name","fontSize","ProgressText","blackLighten20","green","ERROR","orange","ProgressBarWrapper","blackLighten40","radius","ProgressBar","progress","purple","CANCEL"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;AAEO,IAAMA,IAAI,GAAGC,6BAAOC,GAAV;AAAA;AAAA;AAAA,+DAAV;;;;AAOA,IAAMC,YAAY,GAAGF,6BAAOG,EAAV;AAAA;AAAA;AAAA,mHAEIC,mBAAOC,MAAP,CAAcC,KAFlB,EAIZC,oBAAQC,MAAR,CAAe,CAAf,CAJY,CAAlB;;;;AAWA,IAAMC,IAAI,GAAGT,6BAAOC,GAAV;AAAA;AAAA;AAAA,kDAAV;;;;AAMA,IAAMS,KAAK,GAAGV,6BAAOC,GAAV;AAAA;AAAA;AAAA,GAChB;AAAA,MAAGU,MAAH,QAAGA,MAAH;AAAA,aAAgBC,qBAAhB,0FAEgBL,oBAAQC,MAAR,CAAe,CAAf,CAFhB,EAIaJ,mBAAOS,OAJpB,EAIiCT,mBAAOS,OAJxC,EAImDT,mBAAOS,OAJ1D,EAMIF,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaI,OAAxB,6BAAqDX,mBAAOY,KAA5D,4BAAmFZ,mBAAOY,KAA1F,SAAqG,EANzG;AAAA,CADgB,CAAX;;;;AAWA,IAAMC,IAAI,GAAGjB,6BAAOC,GAAV;AAAA;AAAA;AAAA,4FAIEG,mBAAOS,OAJT,CAAV;;;;AAOA,IAAMK,IAAI,GAAGlB,6BAAOC,GAAV;AAAA;AAAA;AAAA,yEAIbM,oBAAQY,QAAR,CAAiB,CAAC,CAAlB,CAJa,CAAV;;;;AAQA,IAAMC,YAAY,GAAGpB,6BAAOC,GAAV;AAAA;AAAA;AAAA,GACvB;AAAA,MAAGU,MAAH,SAAGA,MAAH;AAAA,aAAgBC,qBAAhB,8EACWR,mBAAOE,KAAP,CAAae,cADxB,EAKId,oBAAQY,QAAR,CAAiB,CAAC,CAAlB,CALJ,EAQIR,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaI,OAAxB,oBAA4CX,mBAAOE,KAAP,CAAagB,KAAzD,SAAoE,EARxE,EAUIX,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaY,KAAxB,oBAA0CnB,mBAAOE,KAAP,CAAakB,MAAvD,SAAmE,EAVvE;AAAA,CADuB,CAAlB;;;;AAeA,IAAMC,kBAAkB,GAAGzB,6BAAOC,GAAV;AAAA;AAAA;AAAA,wEACfG,mBAAOE,KAAP,CAAaoB,cADE,EAEZtB,mBAAOC,MAAP,CAAcsB,MAFF,EAGnBvB,mBAAOS,OAHY,CAAxB;;;;AAOA,IAAMe,WAAW,GAAG5B,6BAAOC,GAAV;AAAA;AAAA;AAAA,GACtB;AAAA,MAAGU,MAAH,SAAGA,MAAH;AAAA,MAAWkB,QAAX,SAAWA,QAAX;AAAA,aAA0BjB,qBAA1B,yDACgBR,mBAAOE,KAAP,CAAawB,MAD7B,EAIInB,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaI,OAAxB,yBAAiDX,mBAAOE,KAAP,CAAagB,KAA9D,SAAyE,EAJ7E,EAKIX,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaY,KAAxB,yBAA+CnB,mBAAOE,KAAP,CAAakB,MAA5D,SAAwE,EAL5E,EAOWb,MAAM,KAAKG,KAAK,CAACH,MAAN,CAAaoB,MAAxB,qBAA4CF,QAA5C,OAPX;AAAA,CADsB,CAAjB","sourcesContent":["import stylers from \"@paprika/stylers\";\nimport tokens from \"@paprika/tokens\";\nimport styled, { css } from \"styled-components\";\nimport * as types from \"../../types\";\n\nexport const File = styled.div`\n display: flex;\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n`;\n\nexport const FileListItem = styled.li`\n align-items: center;\n border-bottom: 1px solid ${tokens.border.color};\n display: flex;\n padding: ${stylers.spacer(2)};\n\n &:last-of-type {\n border-bottom: 0;\n }\n`;\n\nexport const Left = styled.div`\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n`;\n\nexport const Right = styled.div(\n ({ status }) => css`\n display: flex;\n flex-basis: ${stylers.spacer(4)};\n justify-content: center;\n padding: ${tokens.spaceSm} 0 ${tokens.spaceSm} ${tokens.spaceSm};\n\n ${status === types.status.SUCCESS ? `padding-bottom: ${tokens.space}; padding-top: ${tokens.space};` : \"\"};\n `\n);\n\nexport const Info = styled.div`\n align-items: flex-end;\n display: flex;\n justify-content: space-between;\n margin-bottom: ${tokens.spaceSm};\n`;\n\nexport const Name = styled.div`\n flex-basis: auto;\n flex-grow: 1;\n flex-shrink: 1;\n ${stylers.fontSize(-1)}\n font-weight: bold;\n`;\n\nexport const ProgressText = styled.div(\n ({ status }) => css`\n color: ${tokens.color.blackLighten20};\n flex-basis: 40%;\n flex-shrink: 1;\n\n ${stylers.fontSize(-3)}\n text-align: end;\n\n ${status === types.status.SUCCESS ? `color: ${tokens.color.green};` : \"\"};\n\n ${status === types.status.ERROR ? `color: ${tokens.color.orange};` : \"\"};\n `\n);\n\nexport const ProgressBarWrapper = styled.div`\n background: ${tokens.color.blackLighten40};\n border-radius: ${tokens.border.radius};\n height: ${tokens.spaceSm};\n overflow: hidden;\n`;\n\nexport const ProgressBar = styled.div(\n ({ status, progress }) => css`\n background: ${tokens.color.purple};\n height: 100%;\n\n ${status === types.status.SUCCESS ? `background: ${tokens.color.green};` : \"\"};\n ${status === types.status.ERROR ? `background: ${tokens.color.orange};` : \"\"};\n\n width: ${status === types.status.CANCEL ? `0%;` : `${progress}%;`};\n `\n);\n"],"file":"File.styles.js"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@paprika/uploader",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.3-next.0",
|
|
4
4
|
"description": "The Uploader component lets you upload files and see progress.",
|
|
5
5
|
"author": "@paprika",
|
|
6
6
|
"main": "lib/index.js",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"@babel/runtime-corejs2": "^7.3.1",
|
|
19
|
-
"@paprika/button": "^1.1.
|
|
19
|
+
"@paprika/button": "^1.1.20-next.0",
|
|
20
20
|
"@paprika/helpers": "^2.4.2",
|
|
21
21
|
"@paprika/icon": "^3.0.2",
|
|
22
|
-
"@paprika/popover": "^2.0.
|
|
23
|
-
"@paprika/raw-button": "^1.0.
|
|
24
|
-
"@paprika/stylers": "^1.1.
|
|
22
|
+
"@paprika/popover": "^2.0.12-next.0",
|
|
23
|
+
"@paprika/raw-button": "^1.0.19-next.0",
|
|
24
|
+
"@paprika/stylers": "^1.1.12-next.0",
|
|
25
25
|
"@paprika/tokens": "^3.1.0",
|
|
26
26
|
"prop-types": "^15.7.2",
|
|
27
27
|
"superagent": "^8.0.9",
|