@griddo/ax 1.75.136 → 1.75.138
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/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@griddo/ax",
|
|
3
3
|
"description": "Griddo Author Experience",
|
|
4
|
-
"version": "1.75.
|
|
4
|
+
"version": "1.75.138",
|
|
5
5
|
"authors": [
|
|
6
6
|
"Álvaro Sánchez' <alvaro.sanches@secuoyas.com>",
|
|
7
7
|
"Carlos Torres <carlos.torres@secuoyas.com>",
|
|
@@ -230,5 +230,5 @@
|
|
|
230
230
|
"publishConfig": {
|
|
231
231
|
"access": "public"
|
|
232
232
|
},
|
|
233
|
-
"gitHead": "
|
|
233
|
+
"gitHead": "53a03137a405124679e543a9fdd9bb72356cf82b"
|
|
234
234
|
}
|
|
@@ -1,21 +1,23 @@
|
|
|
1
1
|
import styled from "styled-components";
|
|
2
2
|
|
|
3
|
-
const EditorWrapper = styled.div<{ error: boolean |
|
|
4
|
-
pointer-events: ${(p) => p.disabled ? "none" : "auto"};
|
|
5
|
-
color: ${p => p.disabled ? p.theme.color.interactiveDisabled : p.theme.color.textHighEmphasis};
|
|
3
|
+
const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolean | undefined }>`
|
|
4
|
+
pointer-events: ${(p) => (p.disabled ? "none" : "auto")};
|
|
5
|
+
color: ${(p) => (p.disabled ? p.theme.color.interactiveDisabled : p.theme.color.textHighEmphasis)};
|
|
6
6
|
img {
|
|
7
|
-
|
|
7
|
+
opacity: ${(p) => (p.disabled ? 0.5 : 1)};
|
|
8
8
|
}
|
|
9
9
|
|
|
10
10
|
.richTextEditor {
|
|
11
|
-
${p => p.theme.textStyle.fieldContent};
|
|
12
|
-
background-color: ${p => p.theme.color.uiBackground02};
|
|
13
|
-
border: 1px solid
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
11
|
+
${(p) => p.theme.textStyle.fieldContent};
|
|
12
|
+
background-color: ${(p) => p.theme.color.uiBackground02};
|
|
13
|
+
border: 1px solid
|
|
14
|
+
${(p) =>
|
|
15
|
+
p.error === true ? p.theme.color.error : p.disabled ? p.theme.color.interactiveDisabled : p.theme.color.uiLine};
|
|
16
|
+
border-radius: ${(p) => p.theme.radii.s};
|
|
17
|
+
color: ${(p) => (p.disabled ? p.theme.color.interactiveDisabled : p.theme.color.textHighEmphasis)};
|
|
18
|
+
padding: ${(p) => `0 ${p.theme.spacing.s}`};
|
|
19
|
+
min-height: ${(p) => `calc(${p.theme.spacing.l} * 3)`};
|
|
20
|
+
max-height: ${(p) => `calc(${p.theme.spacing.xl} * 10)`};
|
|
19
21
|
width: 100%;
|
|
20
22
|
overflow: auto;
|
|
21
23
|
|
|
@@ -55,22 +57,31 @@ const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolea
|
|
|
55
57
|
}
|
|
56
58
|
}
|
|
57
59
|
|
|
60
|
+
.DraftEditor-root {
|
|
61
|
+
.DraftEditor-editorContainer {
|
|
62
|
+
z-index: 0;
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
|
|
58
66
|
.richTextToolbar {
|
|
59
67
|
padding: 0;
|
|
60
68
|
background: transparent;
|
|
61
|
-
margin-bottom: ${p => p.theme.spacing.xs};
|
|
69
|
+
margin-bottom: ${(p) => p.theme.spacing.xs};
|
|
62
70
|
|
|
63
|
-
.rdw-inline-wrapper,
|
|
71
|
+
.rdw-inline-wrapper,
|
|
72
|
+
.rdw-list-wrapper,
|
|
73
|
+
.rdw-link-wrapper,
|
|
74
|
+
.rdw-block-wrapper {
|
|
64
75
|
margin-bottom: 0;
|
|
65
76
|
height: 24px;
|
|
66
77
|
}
|
|
67
78
|
|
|
68
|
-
.rdw-option-wrapper
|
|
79
|
+
.rdw-option-wrapper {
|
|
69
80
|
min-width: 24px;
|
|
70
81
|
height: 24px;
|
|
71
82
|
background: transparent;
|
|
72
|
-
border-radius: ${p => p.theme.radii.s};
|
|
73
|
-
margin: ${p => `0 ${p.theme.spacing.xs} 0 0`};
|
|
83
|
+
border-radius: ${(p) => p.theme.radii.s};
|
|
84
|
+
margin: ${(p) => `0 ${p.theme.spacing.xs} 0 0`};
|
|
74
85
|
:hover {
|
|
75
86
|
background: ${(p) => p.theme.color.overlayHoverPrimary};
|
|
76
87
|
box-shadow: none;
|
|
@@ -84,21 +95,21 @@ const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolea
|
|
|
84
95
|
|
|
85
96
|
.richTextBlockType {
|
|
86
97
|
height: 24px;
|
|
87
|
-
margin: ${p => `0 ${p.theme.spacing.xs} 0 0`};
|
|
98
|
+
margin: ${(p) => `0 ${p.theme.spacing.xs} 0 0`};
|
|
88
99
|
:hover {
|
|
89
100
|
box-shadow: none;
|
|
90
101
|
}
|
|
91
102
|
ul {
|
|
92
103
|
overflow-y: auto;
|
|
93
104
|
width: 115px;
|
|
94
|
-
box-shadow: ${p => p.theme.shadow.shadowL};
|
|
95
|
-
border-radius: ${p => p.theme.radii.s};
|
|
96
|
-
padding: ${p => `${p.theme.spacing.xs} 0`};
|
|
105
|
+
box-shadow: ${(p) => p.theme.shadow.shadowL};
|
|
106
|
+
border-radius: ${(p) => p.theme.radii.s};
|
|
107
|
+
padding: ${(p) => `${p.theme.spacing.xs} 0`};
|
|
97
108
|
:hover {
|
|
98
|
-
box-shadow: ${p => p.theme.shadow.shadowL};
|
|
109
|
+
box-shadow: ${(p) => p.theme.shadow.shadowL};
|
|
99
110
|
}
|
|
100
111
|
li {
|
|
101
|
-
padding: ${p => `${p.theme.spacing.xs}`};
|
|
112
|
+
padding: ${(p) => `${p.theme.spacing.xs}`};
|
|
102
113
|
}
|
|
103
114
|
li:nth-child(2) {
|
|
104
115
|
font-size: 22px;
|
|
@@ -119,7 +130,7 @@ const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolea
|
|
|
119
130
|
}
|
|
120
131
|
|
|
121
132
|
.rdw-dropdown-carettoopen {
|
|
122
|
-
border-top: 6px solid ${p => p.disabled ? p.theme.color.interactiveDisabled : "black"};
|
|
133
|
+
border-top: 6px solid ${(p) => (p.disabled ? p.theme.color.interactiveDisabled : "black")};
|
|
123
134
|
}
|
|
124
135
|
|
|
125
136
|
.rdw-dropdownoption-active {
|
|
@@ -131,11 +142,11 @@ const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolea
|
|
|
131
142
|
}
|
|
132
143
|
|
|
133
144
|
.richTextLinkModal {
|
|
134
|
-
padding: ${p => p.theme.spacing.s};
|
|
145
|
+
padding: ${(p) => p.theme.spacing.s};
|
|
135
146
|
height: auto;
|
|
136
147
|
left: -30px;
|
|
137
|
-
box-shadow: ${p => p.theme.shadow.shadowL};
|
|
138
|
-
border-radius: ${p => p.theme.radii.s};
|
|
148
|
+
box-shadow: ${(p) => p.theme.shadow.shadowL};
|
|
149
|
+
border-radius: ${(p) => p.theme.radii.s};
|
|
139
150
|
|
|
140
151
|
label {
|
|
141
152
|
${(p) => p.theme.textStyle.fieldLabel};
|
|
@@ -143,7 +154,7 @@ const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolea
|
|
|
143
154
|
}
|
|
144
155
|
.rdw-link-modal-input {
|
|
145
156
|
border: ${(p) => `1px solid ${p.theme.color.uiLine}`};
|
|
146
|
-
border-radius: ${p => p.theme.radii.s};
|
|
157
|
+
border-radius: ${(p) => p.theme.radii.s};
|
|
147
158
|
padding: ${(p) => `${p.theme.spacing.s} ${p.theme.spacing.xs}`};
|
|
148
159
|
height: ${(p) => p.theme.spacing.m};
|
|
149
160
|
}
|
|
@@ -222,7 +233,6 @@ const EditorWrapper = styled.div<{ error: boolean | undefined; disabled: boolea
|
|
|
222
233
|
}
|
|
223
234
|
}
|
|
224
235
|
}
|
|
225
|
-
|
|
226
236
|
}
|
|
227
237
|
`;
|
|
228
238
|
|