[Primitives] BasePrimitive

[KenAJoh]

Description

Inspirert av Radix Themes tilbyr de et sett med "base"-props for alle Primitivene sine. BasePrimitive-komponenten er en forsøk på å løse det samme, og vil være en intern komponent som gjenbrukes av de andre.

Hvordan tiltenkt bruk er:

// Box.tsx

BoxProps extends BasePrimtiveProps...

<BasePrimtive {...baseprops}>
    <div boxcomponent-props: ref classname style ... />
</BasePrimtive/>

Siden BasePrimtive er en "Slot"-komponent vil det ikke føre til ekstra html-noder.

Usikker på om denne bør extende alle komponentene, gir f.eks kanskje ikke mening på show/hide og bleed(?)

WIP tiltenkte props denne base-komponenten tilbyr

Alt er oppe i luften her, så alt av innspill eller idèer er supert!

• padding, padding-inline, padding-block
• margin, margin-inline, margin-block
• width, minWidth, maxWidth
• height, minHeight, maxHeight
• position: absolute, fixed, sticky etc
• om position blir med: inset, top, left, right, bottom
• Ikke 100% på denne: flex-basis, flex-shrink, flex-grow
• eller denne: grid-column, grid-column-start, grid-column-end, grid-row, grid-row-start, grid-row-end

[changeset-bot]

⚠️ No Changeset found

Latest commit: 5a5faf8

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[github-actions]

Storybook demo

Endringer til review: 2

42561bf69 | 85 komponenter | 160 stories

[HalvorHaugan]

We should revisit the JSDOC later. It's a little inconsistent that we write about the object option only on some of the props, when it applies to all of them. Maybe the JSDOC for each prop should be really simple and short, with a link to some place with more details 🤔

[KenAJoh]

Sounds like a good idea, think ResponsiveProp and in general the Primitives concept deserves a documentation-page under /grunnleggende when its implemented and tested. Can link to that documentation then 👍