pantoken / components

components ​

Behta

@pantoken/components — InstUI‑goavddis CSS komponentabibliotéka, ráhkadus --instui-* tokennaid čállán.

Šaddet stíláššit:

  • Base (baseCss) — opt‑in globaála dokumenta dohkkehuvvon mii válddá tokennaid (box‑sizing, bodda reset, beaivvi suohkan, básicas tekstavuohta/fonte, color-scheme). Dát dutkan maŋimuš fokus‑outline radda, nuppi bures fápmuheapmi leat accesible :focus-visible outline ovttas. Lávdi se när pantoken ovtta beaivvi.
  • Prose (proseCss) — stíláššit mii rendarit markdown/prose HTML (tablodat, čállodit, linkat, listot, kóddu) skopad content‑giella ala, nu ahte dokumentasii dahje conten‑region vásihit InstUI bassiin maid DOM lihkko komponenttasiin. Dát lea mii sáhttá čállit sihke site‑renderersii geavahusena components.css.
  • Components (buttonCss, alertCss, badgeCss, aggregated by componentsCss) — klass‑pohjjagoahtel komponenta stíláššit maid don geavahit dáid buot markupa (<button class="instui-button">), InstUI‑govva dohkkehahtti component frameworka utna. --instui-elevation-* shadow‑skalálašus (elevationCss) johtá dal stállda, go cealkke komponentat loahpput@mii čoahkkit álgobas dahje shadowdát leat intrinsišk design‑atribútta, ikte add‑on.
  • Utilities (viewCss, spacingUtilitiesCss, gapCss, layoutUtilitiesCss, plus a curated semantic‑colour/token set) — opt‑in lávlla cross‑cutting klassaid. Generála token→class emitterat (colorUtilitiesCss, tokenUtilitiesCss) leat @pantoken/utils; dát package šaddá daid curated semantic nammat, ja @pantoken/plugin-primitives šaddá raw palet‑aid.
  • Fonts (opt‑in fonts.css) — @font-face ráidduakset Instructure brándi fonte. Base applies fontta; fonts.css loads woff2‑dat, nu ahte tekstta degradereat grádvvis muhto ii leat.

Buot lea puhtta CSS mii váldii token IR‑barggii, nu go dát followeála InstUI tokenna dohkkái ilman beroštala InstUI React‑pakkehtain. Kohtalaš, interaktiivsat komponentat geavahát @pantoken/react-markdown (content) dahje @instructure/ui-* (apps).

Dát modul lea barrel: buot dokumentejuvvon recordda bivdii sihke fáile juo components//utilities//rules//declarations/, čállán maid lib/ compose API. Registrrat (COMPONENTS/UTILITIES/RULES/DECLARATIONS) johtá aggregáhusa ja parity‑testa.

Interfáčat ​

Variáblat ​

Fuššat ​