@pokela/components 2.3.0 → 2.4.1
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 +3 -2
- package/package.json +2 -2
- package/styles/base.css +15 -0
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.4.1.
|
|
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
|
|
@@ -41,7 +41,8 @@ import Link from 'next/link';
|
|
|
41
41
|
|
|
42
42
|
- **Media, LogoRow, CaseText, CaseBlock, CaseBlocks, CaseBlockDerived, ListRowShowcase** — lukevat sivuston omaa sisältöä (`@/content`, `@/lib`)
|
|
43
43
|
- **Nav, Footer** — tarvitsevat sivuston sanakirjan ja reitityksen
|
|
44
|
-
- **BeforeAfter** —
|
|
44
|
+
- **BeforeAfter, Video** — rakentuvat Median varaan, ja Media lukee kuvamanifestia
|
|
45
|
+
- **HeroName** — piirtää sivuston omaa nimeä fontin ääriviivoista (`@/content/nimi.generated.json`)
|
|
45
46
|
- **ComponentView, PrintCv** — ovat riippumattomia mutta sivuston ominaisuuksia — lähdekoodinäkymä ja CV:n tulostusasu — eivät design systemin osia
|
|
46
47
|
|
|
47
48
|
## Tyylit
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pokela/components",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.4.1",
|
|
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.4.1"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
31
|
"react": ">=18"
|
package/styles/base.css
CHANGED
|
@@ -275,6 +275,21 @@ a:hover { text-decoration: underline; text-underline-offset: var(--space-4); }
|
|
|
275
275
|
|
|
276
276
|
.media-fill { width: 100%; height: 100%; object-fit: cover; }
|
|
277
277
|
|
|
278
|
+
/* Video: toistuu itsestään, joten taukonappi on aina näkyvissä
|
|
279
|
+
(päätös 11). Nurkassa paperin päällä, samaa metatekstiä kuin muu
|
|
280
|
+
sivun pieni teksti — ei kuvan päälle piirrettyä ikonia, joka
|
|
281
|
+
katoaisi vaaleaan kuvaan. */
|
|
282
|
+
.video__toisto {
|
|
283
|
+
position: absolute;
|
|
284
|
+
inset-block-end: var(--space-12);
|
|
285
|
+
inset-inline-end: var(--space-12);
|
|
286
|
+
padding: var(--space-4) var(--space-8);
|
|
287
|
+
border: 0;
|
|
288
|
+
background: var(--paper);
|
|
289
|
+
color: var(--ink);
|
|
290
|
+
cursor: pointer;
|
|
291
|
+
}
|
|
292
|
+
|
|
278
293
|
/* Levy: kuva kokonaisena hillityn taustalevyn keskellä.
|
|
279
294
|
Kuvakaappauksen oma tausta osui ennen suoraan sivun taustaa vasten,
|
|
280
295
|
ja raja näytti sattumanvaraiselta. Levy antaa jokaiselle kuvalle
|