@pokela/components 2.2.0 → 2.3.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/README.md +1 -1
- package/package.json +2 -2
- package/styles/base.css +11 -6
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# @pokela/components
|
|
2
2
|
|
|
3
|
-
React-komponentit: **Pokela Design System**, versio 2.
|
|
3
|
+
React-komponentit: **Pokela Design System**, versio 2.3.0.
|
|
4
4
|
|
|
5
5
|
> Generoitu hakemistosta `components/` — samoista tiedostoista joita sivusto
|
|
6
6
|
> ajaa. Älä muokkaa käsin: muutokset tehdään lähteeseen ja paketti
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pokela/components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"description": "React-komponentit: Pokela Design System. Generoitu tiedostoista components/, ei käsin ylläpidetty.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Veli-Matti Pokela",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"LICENSE"
|
|
26
26
|
],
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@pokela/tokens": "^2.
|
|
28
|
+
"@pokela/tokens": "^2.3.0"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": ">=18"
|
package/styles/base.css
CHANGED
|
@@ -297,18 +297,23 @@ a:hover { text-decoration: underline; text-underline-offset: var(--space-4); }
|
|
|
297
297
|
height: 100%;
|
|
298
298
|
min-height: 0;
|
|
299
299
|
}
|
|
300
|
-
/* Varjo
|
|
301
|
-
|
|
302
|
-
|
|
300
|
+
/* Varjo piirretään filterillä eikä box-shadow'lla: drop-shadow seuraa
|
|
301
|
+
kuvan alfakanavaa. Läpinäkyvä kuva (laitemockup, pyöristetyt
|
|
302
|
+
kulmat) saa varjon muotonsa mukaan, eikä sen ympärille piirry
|
|
303
|
+
suorakulmaista laatikkoa. Samasta syystä kuvalla ei ole omaa
|
|
304
|
+
hiusviivaa: raja olisi aina suorakulmio. Läpinäkymätön kaappaus
|
|
305
|
+
saa silti saman suorakulmaisen varjon kuin ennen.
|
|
306
|
+
|
|
307
|
+
Varjo on aina tumma (--ink-l eikä teemaa seuraava --ink): vaalea
|
|
308
|
+
varjo tummalla levyllä olisi hehku, ei varjo. */
|
|
303
309
|
.media__levy-kuva {
|
|
304
310
|
display: block;
|
|
305
311
|
width: auto;
|
|
306
312
|
height: auto;
|
|
307
313
|
max-width: 100%;
|
|
308
314
|
max-height: 100%;
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
color-mix(in srgb, var(--ink-l) 22%, transparent);
|
|
315
|
+
filter: drop-shadow(0 var(--space-12) var(--space-16)
|
|
316
|
+
color-mix(in srgb, var(--ink-l) 18%, transparent));
|
|
312
317
|
}
|
|
313
318
|
|
|
314
319
|
/* Hero: tausta jatkuu ruudun reunoihin, kuva pysyy sivun levyisenä.
|