@meduza/ui-kit-2 0.1.9 → 0.1.11
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/dist/DotsOnImage/DotsOnImage.types.d.ts +4 -0
- package/dist/Footnote/Footnote.stories.d.ts +10 -0
- package/dist/Footnote/Footnote.types.d.ts +5 -0
- package/dist/Footnote/index.d.ts +3 -0
- package/dist/Image/Image.types.d.ts +4 -1
- package/dist/index.d.ts +1 -0
- package/dist/ui-kit-2.cjs.development.js +295 -245
- package/dist/ui-kit-2.cjs.development.js.map +1 -1
- package/dist/ui-kit-2.cjs.production.min.js +1 -1
- package/dist/ui-kit-2.cjs.production.min.js.map +1 -1
- package/dist/ui-kit-2.esm.js +295 -246
- package/dist/ui-kit-2.esm.js.map +1 -1
- package/dist/ui-kit.css +707 -589
- package/package.json +1 -1
- package/src/DotsOnImage/DotsOnImage.module.css +31 -11
- package/src/DotsOnImage/DotsOnImage.test.tsx +1 -1
- package/src/DotsOnImage/DotsOnImage.types.ts +3 -0
- package/src/DotsOnImage/index.tsx +47 -20
- package/src/DotsOnImage/mock.json +96 -8
- package/src/EmbedBlock/EmbedBlock.module.css +1 -1
- package/src/EmbedBlock/EmbedBlock.tsx +1 -1
- package/src/EmbedBlock/mock.json +54 -0
- package/src/Footnote/Footnote.module.css +69 -0
- package/src/Footnote/Footnote.stories.module.css +5 -0
- package/src/Footnote/Footnote.stories.tsx +43 -0
- package/src/Footnote/Footnote.test.tsx +20 -0
- package/src/Footnote/Footnote.types.ts +5 -0
- package/src/Footnote/index.tsx +26 -0
- package/src/Image/Image.stories.tsx +1 -0
- package/src/Image/Image.types.ts +4 -1
- package/src/Image/index.tsx +12 -6
- package/src/Popover/Popover.module.css +36 -2
- package/src/Popover/index.tsx +1 -1
- package/src/SimpleBlock/FootnoteLink.css +7 -0
- package/src/index.tsx +1 -0
|
@@ -13,11 +13,14 @@
|
|
|
13
13
|
width: 100%;
|
|
14
14
|
height: 100%;
|
|
15
15
|
min-height: 120px;
|
|
16
|
-
padding: 10px
|
|
16
|
+
padding: 10px 0 0;
|
|
17
17
|
|
|
18
18
|
animation: fadeOut 250ms ease both 100ms;
|
|
19
19
|
|
|
20
20
|
opacity: 1;
|
|
21
|
+
|
|
22
|
+
font-size: 16px;
|
|
23
|
+
line-height: 22px;
|
|
21
24
|
}
|
|
22
25
|
|
|
23
26
|
.root.visible {
|
|
@@ -44,7 +47,7 @@
|
|
|
44
47
|
max-width: 420px;
|
|
45
48
|
min-height: 80px;
|
|
46
49
|
margin: 0 auto;
|
|
47
|
-
padding:
|
|
50
|
+
padding: 22px 20px 28px;
|
|
48
51
|
|
|
49
52
|
animation: disappear 350ms ease both;
|
|
50
53
|
}
|
|
@@ -97,6 +100,37 @@
|
|
|
97
100
|
animation: appear 350ms ease both;
|
|
98
101
|
}
|
|
99
102
|
|
|
103
|
+
.body {
|
|
104
|
+
font-family: $secondaryFont;
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
line-height: 22px;
|
|
107
|
+
}
|
|
108
|
+
|
|
109
|
+
.body h3 {
|
|
110
|
+
margin: 0 0 5px;
|
|
111
|
+
|
|
112
|
+
font-size: inherit;
|
|
113
|
+
font-weight: 600;
|
|
114
|
+
line-height: inherit;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.body p {
|
|
118
|
+
margin: 0;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
.body p + p {
|
|
122
|
+
margin-top: 6px;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.body a {
|
|
126
|
+
color: inherit;
|
|
127
|
+
box-shadow: inset 0 -1px $gold;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.body a:hover {
|
|
131
|
+
color: $gold;
|
|
132
|
+
}
|
|
133
|
+
|
|
100
134
|
@keyframes appear {
|
|
101
135
|
0% {
|
|
102
136
|
transform: translateY(100%);
|
package/src/Popover/index.tsx
CHANGED
|
@@ -32,3 +32,10 @@ span[data-body]:hover {
|
|
|
32
32
|
background-color: #5B5B5B;
|
|
33
33
|
box-shadow: inset 1px 0 #747474, inset 0 1px #747474, inset -1px 0 #747474, inset 0 -1px #747474;
|
|
34
34
|
}
|
|
35
|
+
|
|
36
|
+
span[data-highlight='true'],
|
|
37
|
+
span[data-highlight='true']:hover {
|
|
38
|
+
background-color: #f4efe9;
|
|
39
|
+
box-shadow: inset 1px 0 #b88b58, inset 0 1px #b88b58, inset -1px 0 #b88b58,
|
|
40
|
+
inset 0 -1px #b88b58;
|
|
41
|
+
}
|