decap-cms-ui-default 3.7.0 → 3.8.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.
- package/CHANGELOG.md +11 -0
- package/dist/decap-cms-ui-default.js +2 -2
- package/dist/decap-cms-ui-default.js.map +1 -1
- package/dist/esm/Icon/images/_index.js +24 -0
- package/dist/esm/styles.js +41 -40
- package/package.json +3 -2
- package/src/Icon/images/_index.js +4 -0
- package/src/Icon/images/copy.svg +1 -0
- package/src/Icon/images/download.svg +1 -0
- package/src/styles.js +9 -3
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "decap-cms-ui-default",
|
|
3
3
|
"description": "Default UI components for Decap CMS.",
|
|
4
|
-
"version": "3.
|
|
4
|
+
"version": "3.8.0",
|
|
5
5
|
"repository": "https://github.com/decaporg/decap-cms/tree/main/packages/decap-cms-ui-default",
|
|
6
6
|
"bugs": "https://github.com/decaporg/decap-cms/issues",
|
|
7
7
|
"license": "MIT",
|
|
@@ -18,6 +18,7 @@
|
|
|
18
18
|
},
|
|
19
19
|
"dependencies": {
|
|
20
20
|
"react-aria-menubutton": "^7.0.0",
|
|
21
|
+
"react-immutable-proptypes": "^2.1.0",
|
|
21
22
|
"react-transition-group": "^4.4.5"
|
|
22
23
|
},
|
|
23
24
|
"peerDependencies": {
|
|
@@ -27,5 +28,5 @@
|
|
|
27
28
|
"prop-types": "^15.7.2",
|
|
28
29
|
"react": "^19.1.0"
|
|
29
30
|
},
|
|
30
|
-
"gitHead": "
|
|
31
|
+
"gitHead": "567a80101f4846853701ad7d8abdc29b5e4fab56"
|
|
31
32
|
}
|
|
@@ -11,6 +11,8 @@ import iconCircle from './circle.svg';
|
|
|
11
11
|
import iconClose from './close.svg';
|
|
12
12
|
import iconCode from './code.svg';
|
|
13
13
|
import iconCodeBlock from './code-block.svg';
|
|
14
|
+
import iconCopy from './copy.svg';
|
|
15
|
+
import iconDownload from './download.svg';
|
|
14
16
|
import iconDragHandle from './drag-handle.svg';
|
|
15
17
|
import iconEye from './eye.svg';
|
|
16
18
|
import iconFolder from './folder.svg';
|
|
@@ -63,6 +65,8 @@ const images = {
|
|
|
63
65
|
close: iconClose,
|
|
64
66
|
code: iconCode,
|
|
65
67
|
'code-block': iconCodeBlock,
|
|
68
|
+
copy: iconCopy,
|
|
69
|
+
download: iconDownload,
|
|
66
70
|
'drag-handle': iconDragHandle,
|
|
67
71
|
eye: iconEye,
|
|
68
72
|
folder: iconFolder,
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M19 21H8V7h11m0-2H8a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h11a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2m-3-4H4a2 2 0 0 0-2 2v14h2V3h12z"/></svg>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M5 20h14v-2H5m14-9h-4V3H9v6H5l7 7z"/></svg>
|
package/src/styles.js
CHANGED
|
@@ -94,6 +94,7 @@ const lengths = {
|
|
|
94
94
|
borderWidth: '2px',
|
|
95
95
|
topCardWidth: '682px',
|
|
96
96
|
pageMargin: '28px 18px',
|
|
97
|
+
pageMarginMobile: '12px 8px',
|
|
97
98
|
objectWidgetTopBarContainerPadding: '0 14px 14px',
|
|
98
99
|
};
|
|
99
100
|
|
|
@@ -313,12 +314,16 @@ const components = {
|
|
|
313
314
|
width: ${lengths.topCardWidth};
|
|
314
315
|
max-width: 100%;
|
|
315
316
|
padding: 18px 20px;
|
|
316
|
-
margin-bottom:
|
|
317
|
+
margin-bottom: 22px;
|
|
317
318
|
`,
|
|
318
319
|
cardTopHeading: css`
|
|
319
|
-
font-size:
|
|
320
|
+
font-size: 20px;
|
|
321
|
+
line-height: 24px;
|
|
322
|
+
@media (min-width: 500px) {
|
|
323
|
+
font-size: 22px;
|
|
324
|
+
line-height: 26px;
|
|
325
|
+
}
|
|
320
326
|
font-weight: 600;
|
|
321
|
-
line-height: 37px;
|
|
322
327
|
margin: 0;
|
|
323
328
|
padding: 0;
|
|
324
329
|
`,
|
|
@@ -327,6 +332,7 @@ const components = {
|
|
|
327
332
|
color: ${colors.text};
|
|
328
333
|
font-size: 14px;
|
|
329
334
|
margin-top: 8px;
|
|
335
|
+
margin-bottom: 0;
|
|
330
336
|
`,
|
|
331
337
|
objectWidgetTopBarContainer: css`
|
|
332
338
|
padding: ${lengths.objectWidgetTopBarContainerPadding};
|